SUPERHOOD \u2014 $SUPERHOOD<\/title>\n<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700;800;900&display=swap');\n\n :root {\n --primary: #2AFEFF;\n --accent: #FFA400;\n --dark: #0a0a0a;\n --white: #ffffff;\n --light: #f8f8f8;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Inter', sans-serif;\n background: var(--white);\n color: var(--dark);\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500\u2500 NAVBAR \u2500\u2500\u2500 *\/\n nav {\n position: fixed;\n top: 16px;\n left: 50%;\n transform: translateX(-50%);\n width: calc(100% - 48px);\n max-width: 1200px;\n background: var(--primary);\n border: 2.5px solid var(--dark);\n border-radius: 16px;\n padding: 10px 20px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n z-index: 1000;\n box-shadow: 4px 4px 0 var(--dark);\n }\n\n .nav-logo {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n border: 2.5px solid var(--dark);\n overflow: hidden;\n background: #fff;\n flex-shrink: 0;\n }\n .nav-logo img { width: 100%; height: 100%; object-fit: cover; }\n\n .nav-links {\n display: flex;\n align-items: center;\n gap: 36px;\n list-style: none;\n }\n .nav-links a {\n font-family: 'Inter', sans-serif;\n font-weight: 700;\n font-size: 1rem;\n text-transform: lowercase;\n color: var(--dark);\n text-decoration: none;\n letter-spacing: 0.02em;\n transition: opacity 0.2s;\n text-transform: uppercase;\n }\n .nav-links a:hover { opacity: 0.6; }\n\n .nav-socials {\n display: flex;\n align-items: center;\n gap: 12px;\n }\n .nav-socials a {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 34px;\n height: 34px;\n border: 2px solid var(--dark);\n border-radius: 8px;\n background: var(--white);\n color: var(--dark);\n font-size: 14px;\n text-decoration: none;\n transition: transform 0.2s, background 0.2s;\n \n }\n .nav-socials a:hover {\n transform: translateY(-2px);\n background: var(--accent);\n }\n\n \/* \u2500\u2500\u2500 SECTION 1: HERO \u2500\u2500\u2500 *\/\n #hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n position: relative;\n overflow: hidden;\n background: var(--white);\n padding: 120px 48px 60px;\n }\n\n .hero-bg {\n position: absolute;\n top: 0; right: 0;\n width: 100%;\n height: 100%;\n background-image: url('http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/bg1.png');\n background-size: cover;\n background-position: center;\n z-index: 0;\n }\n .hero-bg-fade {\n position: absolute;\n top: 0; right: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(to right, #ffffff 25%, transparent 65%);\n z-index: 1;\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n max-width: 640px;\n }\n\n .hero-logo {\n display: flex;\n align-items: center;\n gap: 14px;\n margin-bottom: 32px;\n animation: fadeUp 0.8s ease forwards;\n }\n .hero-logo img {\n margin-left: -100px;\n height: 720px;\n height: auto;\n filter: drop-shadow(0 4px 24px rgba(42,254,255,0.3));\n }\n .hero-logo-text {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 2.2rem;\n letter-spacing: 0.04em;\n color: var(--dark);\n line-height: 1;\n }\n\n .hero-headline {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(5rem, 11vw, 9rem);\n line-height: 0.88;\n color: var(--dark);\n margin-bottom: 8px;\n animation: fadeUp 0.8s ease 0.1s both;\n }\n .hero-headline .highlight {\n display: inline;\n background: var(--primary);\n padding: 0 8px;\n line-height: 1;\n }\n .hero-headline .accent-word {\n color: var(--accent);\n }\n\n .hero-sub {\n font-weight: 700;\n font-size: 1rem;\n letter-spacing: 0.08em;\n text-transform: lowercase;\n margin-top: 20px;\n margin-bottom: 36px;\n color: #555;\n animation: fadeUp 0.8s ease 0.2s both;\n }\n\n .hero-buttons {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n animation: fadeUp 0.8s ease 0.3s both;\n margin-bottom: 40px;\n }\n\n .btn-outline {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 12px 24px;\n border: 2.5px solid var(--dark);\n border-radius: 10px;\n background: var(--white);\n font-weight: 700;\n font-size: 0.85rem;\n color: var(--dark);\n cursor: pointer;\n text-decoration: none;\n transition: transform 0.2s, box-shadow 0.2s;\n box-shadow: 3px 3px 0 var(--dark);\n }\n .btn-outline:hover {\n transform: translate(-2px,-2px);\n box-shadow: 5px 5px 0 var(--dark);\n }\n\n .btn-primary {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 20px 52px;\n background: var(--primary);\n border: 2.5px solid var(--dark);\n border-radius: 12px;\n font-family: 'Bebas Neue', sans-serif;\n font-size: 2rem;\n letter-spacing: 0.05em;\n color: var(--dark);\n cursor: pointer;\n text-decoration: none;\n transition: transform 0.2s, box-shadow 0.2s;\n box-shadow: 5px 5px 0 var(--dark);\n animation: fadeUp 0.8s ease 0.4s both;\n }\n .btn-primary:hover {\n transform: translate(-3px,-3px);\n box-shadow: 8px 8px 0 var(--dark);\n background: var(--accent);\n }\n\n .hero-ticker {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n background: var(--dark);\n padding: 10px 0;\n overflow: hidden;\n z-index: 3;\n }\n .ticker-track {\n display: flex;\n gap: 48px;\n animation: ticker 18s linear infinite;\n white-space: nowrap;\n }\n .ticker-item {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 1.1rem;\n letter-spacing: 0.1em;\n color: var(--primary);\n flex-shrink: 0;\n }\n .ticker-item span { color: var(--accent); }\n\n \/* \u2500\u2500\u2500 SECTION 2: ABOUT \u2500\u2500\u2500 *\/\n #about {\n min-height: 100vh;\n display: grid;\n grid-template-columns: 1fr 1fr;\n align-items: center;\n gap: 0;\n background: var(--light);\n overflow: hidden;\n position: relative;\n }\n\n .about-image-side {\n position: relative;\n height: 100%;\n min-height: 100vh;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n background: var(--primary);\n overflow: hidden;\n }\n .about-image-side::before {\n content: '';\n position: absolute;\n bottom: -60px;\n right: -60px;\n width: 300px;\n height: 300px;\n border-radius: 50%;\n background: var(--accent);\n opacity: 0.2;\n }\n .about-img {\n width: 80%;\n max-height: 90vh;\n object-fit: contain;\n animation: float 4s ease-in-out infinite;\n position: relative;\n z-index: 1;\n filter: drop-shadow(0 20px 60px rgba(0,0,0,0.25));\n }\n\n .about-text-side {\n padding: 80px 64px;\n position: relative;\n }\n .section-label {\n display: inline-block;\n background: var(--primary);\n border: 2px solid var(--dark);\n border-radius: 100px;\n padding: 6px 16px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n margin-bottom: 24px;\n box-shadow: 2px 2px 0 var(--dark);\n }\n .section-label.orange { background: var(--accent); }\n\n .section-heading {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(3.5rem, 6vw, 5.5rem);\n line-height: 0.9;\n margin-bottom: 24px;\n color: var(--dark);\n }\n .section-heading em {\n font-style: normal;\n color: var(--primary);\n -webkit-text-stroke: 1.5px var(--dark);\n text-shadow: none;\n }\n .section-heading .stroke {\n font-style: normal;\n -webkit-text-stroke: 2px var(--dark);\n color: transparent;\n }\n\n .about-text {\n font-size: 1rem;\n line-height: 1.75;\n color: #444;\n max-width: 460px;\n margin-bottom: 36px;\n }\n\n .stats-row {\n display: flex;\n gap: 32px;\n flex-wrap: wrap;\n margin-top: 40px;\n }\n .stat-box {\n background: var(--white);\n border: 2.5px solid var(--dark);\n border-radius: 14px;\n padding: 18px 28px;\n box-shadow: 4px 4px 0 var(--dark);\n transition: transform 0.2s, box-shadow 0.2s;\n }\n .stat-box:hover {\n transform: translate(-2px,-2px);\n box-shadow: 6px 6px 0 var(--dark);\n }\n .stat-num {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 2.6rem;\n line-height: 1;\n color: var(--dark);\n }\n .stat-num span { color: var(--primary); }\n .stat-label {\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: #777;\n margin-top: 4px;\n }\n\n \/* \u2500\u2500\u2500 SECTION 3: FEATURES \u2500\u2500\u2500 *\/\n #features {\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 100px 48px;\n background: var(--dark);\n position: relative;\n overflow: hidden;\n }\n\n .features-bg-glow {\n position: absolute;\n top: -200px;\n right: -200px;\n width: 600px;\n height: 600px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(42,254,255,0.12) 0%, transparent 70%);\n pointer-events: none;\n }\n .features-bg-glow2 {\n position: absolute;\n bottom: -150px;\n left: -150px;\n width: 500px;\n height: 500px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(255,164,0,0.1) 0%, transparent 70%);\n pointer-events: none;\n }\n\n .features-top {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n margin-bottom: 72px;\n position: relative;\n z-index: 1;\n }\n\n .features-heading-block .section-label { background: var(--primary); }\n\n .features-heading {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(3.5rem, 6vw, 5.5rem);\n line-height: 0.9;\n color: var(--white);\n margin-bottom: 20px;\n }\n .features-heading span { color: var(--primary); }\n\n .features-desc {\n font-size: 1rem;\n line-height: 1.7;\n color: rgba(255,255,255,0.6);\n max-width: 420px;\n }\n\n .features-image-block {\n position: relative;\n display: flex;\n justify-content: center;\n }\n .features-img {\n width: 90%;\n max-width: 480px;\n border-radius: 20px;\n border: 2.5px solid rgba(42,254,255,0.3);\n box-shadow: 0 0 60px rgba(42,254,255,0.15);\n animation: float 5s ease-in-out infinite 0.5s;\n object-fit: contain;\n background: rgba(42,254,255,0.05);\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n position: relative;\n z-index: 1;\n }\n\n .feature-card {\n background: rgba(255,255,255,0.04);\n border: 1.5px solid rgba(255,255,255,0.1);\n border-radius: 18px;\n padding: 28px 28px 24px;\n transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s;\n cursor: default;\n }\n .feature-card:hover {\n transform: translateY(-6px);\n border-color: var(--primary);\n box-shadow: 0 0 30px rgba(42,254,255,0.12);\n }\n .feature-icon {\n width: 48px;\n height: 48px;\n border-radius: 12px;\n background: rgba(42,254,255,0.12);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.4rem;\n margin-bottom: 16px;\n border: 1.5px solid rgba(42,254,255,0.25);\n }\n .feature-card:nth-child(2) .feature-icon { background: rgba(255,164,0,0.12); border-color: rgba(255,164,0,0.3); }\n .feature-card:nth-child(3) .feature-icon { background: rgba(42,254,255,0.12); border-color: rgba(42,254,255,0.25); }\n .feature-card:nth-child(4) .feature-icon { background: rgba(255,164,0,0.12); border-color: rgba(255,164,0,0.3); }\n .feature-card:nth-child(5) .feature-icon { background: rgba(42,254,255,0.12); border-color: rgba(42,254,255,0.25); }\n .feature-card:nth-child(6) .feature-icon { background: rgba(255,164,0,0.12); border-color: rgba(255,164,0,0.3); }\n\n .feature-title {\n font-weight: 800;\n font-size: 1rem;\n color: var(--white);\n margin-bottom: 8px;\n }\n .feature-desc {\n font-size: 0.85rem;\n color: rgba(255,255,255,0.5);\n line-height: 1.6;\n }\n\n \/* \u2500\u2500\u2500 SECTION 4: COMMUNITY \u2500\u2500\u2500 *\/\n #community {\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 100px 48px;\n background: var(--white);\n position: relative;\n overflow: hidden;\n text-align: center;\n }\n\n .community-bg-shape1 {\n position: absolute;\n top: -120px;\n left: -120px;\n width: 500px;\n height: 500px;\n border-radius: 50%;\n background: var(--primary);\n opacity: 0.08;\n pointer-events: none;\n }\n .community-bg-shape2 {\n position: absolute;\n bottom: -100px;\n right: -100px;\n width: 400px;\n height: 400px;\n border-radius: 50%;\n background: var(--accent);\n opacity: 0.08;\n pointer-events: none;\n }\n\n .community-label { margin: 0 auto 24px; }\n\n .community-heading {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(4rem, 9vw, 8rem);\n line-height: 0.88;\n color: var(--dark);\n margin-bottom: 20px;\n }\n .community-heading .hl { background: var(--primary); padding: 0 10px; }\n .community-heading .hl2 { background: var(--accent); padding: 0 10px; }\n\n .community-sub {\n font-size: 1.1rem;\n font-weight: 600;\n color: #666;\n margin-bottom: 60px;\n letter-spacing: 0.02em;\n max-width: 520px;\n }\n\n .social-icons-row {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 24px;\n flex-wrap: wrap;\n margin-bottom: 60px;\n }\n\n .social-icon-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 120px;\n height: 120px;\n border: 2.5px solid var(--dark);\n border-radius: 24px;\n background: var(--white);\n box-shadow: 5px 5px 0 var(--dark);\n transition: transform 0.2s, box-shadow 0.2s, background 0.2s;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n overflow: hidden;\n }\n .social-icon-btn:hover {\n transform: translate(-4px,-4px);\n box-shadow: 9px 9px 0 var(--dark);\n background: var(--primary);\n }\n .social-icon-btn:nth-child(2):hover { background: var(--accent); }\n .social-icon-btn:nth-child(3):hover { background: var(--primary); }\n .social-icon-btn:nth-child(4):hover { background: var(--accent); }\n\n .social-icon-btn img {\n width: 64px;\n height: 64px;\n object-fit: contain;\n }\n\n .community-cta-row {\n display: flex;\n gap: 16px;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .btn-cta-big {\n padding: 18px 48px;\n font-family: 'Bebas Neue', sans-serif;\n font-size: 1.8rem;\n letter-spacing: 0.05em;\n background: var(--dark);\n color: var(--primary);\n border: 2.5px solid var(--dark);\n border-radius: 12px;\n text-decoration: none;\n box-shadow: 5px 5px 0 rgba(0,0,0,0.3);\n transition: transform 0.2s, box-shadow 0.2s, background 0.2s, color 0.2s;\n }\n .btn-cta-big:hover {\n transform: translate(-3px,-3px);\n box-shadow: 8px 8px 0 rgba(0,0,0,0.25);\n background: var(--primary);\n color: var(--dark);\n }\n\n .btn-cta-big-accent {\n padding: 18px 48px;\n font-family: 'Bebas Neue', sans-serif;\n font-size: 1.8rem;\n letter-spacing: 0.05em;\n background: var(--accent);\n color: var(--dark);\n border: 2.5px solid var(--dark);\n border-radius: 12px;\n text-decoration: none;\n box-shadow: 5px 5px 0 var(--dark);\n transition: transform 0.2s, box-shadow 0.2s;\n }\n .btn-cta-big-accent:hover {\n transform: translate(-3px,-3px);\n box-shadow: 8px 8px 0 var(--dark);\n }\n\n \/* \u2500\u2500\u2500 SECTION 5: GALLERY \u2500\u2500\u2500 *\/\n #gallery {\n min-height: 100vh;\n padding: 100px 48px 80px;\n background-image: url('http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/bg5.png');\n background-size: cover;\n background-position: center;\n background-attachment: fixed;\n position: relative;\n overflow: hidden;\n }\n .gallery-overlay {\n position: absolute;\n inset: 0;\n background: rgba(0,0,0,0.55);\n z-index: 0;\n }\n\n .gallery-inner {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .gallery-heading {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(3.5rem, 7vw, 6rem);\n line-height: 0.9;\n color: var(--white);\n margin-bottom: 12px;\n }\n .gallery-heading span { color: var(--primary); }\n\n .gallery-sub {\n font-size: 1rem;\n color: rgba(255,255,255,0.6);\n font-weight: 500;\n margin-bottom: 56px;\n }\n\n .gallery-masonry {\n columns: 4;\n column-gap: 16px;\n margin-bottom: 64px;\n }\n\n .gallery-item {\n break-inside: avoid;\n margin-bottom: 16px;\n border-radius: 16px;\n overflow: hidden;\n border: 2px solid rgba(255,255,255,0.1);\n position: relative;\n cursor: pointer;\n }\n .gallery-item:nth-child(3n) { margin-top: 32px; }\n .gallery-item:nth-child(4n+1) { margin-top: -20px; }\n\n .gallery-item img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n .gallery-item:hover img { transform: scale(1.06); }\n\n .gallery-item-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(to top, rgba(42,254,255,0.35) 0%, transparent 60%);\n opacity: 0;\n transition: opacity 0.3s;\n }\n .gallery-item:hover .gallery-item-overlay { opacity: 1; }\n\n .gallery-cta {\n margin-top: 16px;\n }\n\n .btn-gallery-cta {\n display: inline-block;\n padding: 20px 64px;\n font-family: 'Bebas Neue', sans-serif;\n font-size: 2rem;\n letter-spacing: 0.06em;\n background: var(--primary);\n color: var(--dark);\n border: 2.5px solid var(--white);\n border-radius: 14px;\n text-decoration: none;\n box-shadow: 6px 6px 0 rgba(255,255,255,0.25);\n transition: transform 0.2s, box-shadow 0.2s, background 0.2s;\n }\n .btn-gallery-cta:hover {\n transform: translate(-3px,-3px);\n box-shadow: 9px 9px 0 rgba(255,255,255,0.2);\n background: var(--accent);\n }\n\n \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n footer {\n background: var(--dark);\n padding: 32px 48px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 16px;\n }\n .footer-logo {\n display: flex;\n align-items: center;\n gap: 10px;\n text-decoration: none;\n }\n .footer-logo img { height: 36px; }\n .footer-logo-text {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 1.4rem;\n color: var(--primary);\n letter-spacing: 0.06em;\n }\n .footer-copy {\n font-size: 0.78rem;\n color: rgba(255,255,255,0.35);\n font-weight: 500;\n }\n .footer-links {\n display: flex;\n gap: 20px;\n }\n .footer-links a {\n font-size: 0.78rem;\n font-weight: 600;\n color: rgba(255,255,255,0.5);\n text-decoration: none;\n text-transform: lowercase;\n transition: color 0.2s;\n }\n .footer-links a:hover { color: var(--primary); }\n\n \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\n @keyframes float {\n 0%,100% { transform: translateY(0); }\n 50% { transform: translateY(-16px); }\n }\n @keyframes ticker {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n @keyframes fadeUp {\n from { opacity:0; transform:translateY(30px); }\n to { opacity:1; transform:translateY(0); }\n }\n @keyframes fadeIn {\n from { opacity:0; }\n to { opacity:1; }\n }\n\n .reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n .reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n .reveal-left {\n opacity: 0;\n transform: translateX(-50px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n .reveal-left.visible {\n opacity: 1;\n transform: translateX(0);\n }\n .reveal-right {\n opacity: 0;\n transform: translateX(50px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n .reveal-right.visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n \/* Stagger delays *\/\n .d1 { transition-delay: 0.1s; }\n .d2 { transition-delay: 0.2s; }\n .d3 { transition-delay: 0.3s; }\n .d4 { transition-delay: 0.4s; }\n .d5 { transition-delay: 0.5s; }\n .d6 { transition-delay: 0.6s; }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 1024px) {\n .about-text-side { padding: 60px 40px; }\n .features-top { grid-template-columns: 1fr; }\n .features-grid { grid-template-columns: repeat(2, 1fr); }\n .gallery-masonry { columns: 3; }\n }\n\n @media (max-width: 768px) {\n nav { top: 10px; padding: 8px 14px; width: calc(100% - 24px); border-radius: 12px; }\n .nav-links { display: none; }\n\n #hero { padding: 100px 24px 60px; }\n .hero-bg { width: 100%; opacity: 0.2; }\n .hero-bg-fade { width: 100%; background: linear-gradient(to bottom, #fff 40%, transparent); }\n\n #about { grid-template-columns: 1fr; }\n .about-image-side { min-height: 50vh; }\n .about-text-side { padding: 48px 24px; }\n\n #features { padding: 80px 24px; }\n .features-grid { grid-template-columns: 1fr; }\n\n #community { padding: 80px 24px; }\n .social-icon-btn { width: 88px; height: 88px; }\n .social-icon-btn img { width: 48px; height: 48px; }\n\n #gallery { padding: 80px 24px 60px; }\n .gallery-masonry { columns: 2; }\n\n footer { padding: 24px; flex-direction: column; text-align: center; }\n .footer-links { justify-content: center; }\n }\n\n @media (max-width: 480px) {\n .gallery-masonry { columns: 1; }\n .hero-headline { font-size: 4.5rem; }\n .btn-primary { font-size: 1.6rem; padding: 16px 36px; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<nav>\n <div class=\"nav-logo\">\n <img decoding=\"async\" src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/logo.png\" alt=\"SUPERHOOD logo\" onerror=\"this.style.display='none'\">\n <\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#about\">about<\/a><\/li>\n <li><a href=\"#features\">features<\/a><\/li>\n <li><a href=\"#community\">community<\/a><\/li>\n <li><a href=\"#gallery\">gallery<\/a><\/li>\n <li><a href=\"#community\">how to buy<\/a><\/li>\n <\/ul>\n <div class=\"nav-socials\">\n <a href=\"#\" title=\"X \/ Twitter\" aria-label=\"X\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.736-8.845-8.17-10.655h6.226l4.253 5.622zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n <\/a>\n <a href=\"#\" title=\"Telegram\" aria-label=\"Telegram\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg>\n <\/a>\n \n \n \n <\/div>\n<\/nav>\n\n\n<section id=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-bg-fade\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-logo\">\n <img decoding=\"async\" src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/logo.png\" alt=\"SUPERHOOD\" onerror=\"this.style.display='none'\">\n \n <\/div>\n <div class=\"hero-headline\">\n THE FUTURE<br>\n IS <span class=\"highlight\">SUPER<\/span><br>\n <span class=\"accent-word\">HOOD.<\/span>\n <\/div>\n <div class=\"hero-sub\">the boldest meme in the crypto space \u00b7 $superhood<\/div>\n <div class=\"hero-buttons\">\n <a href=\"#\" class=\"btn-outline\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.736-8.845-8.17-10.655h6.226l4.253 5.622zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n x \/ twitter\n <\/a>\n <a href=\"#\" class=\"btn-outline\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg>\n telegram\n <\/a>\n <\/div>\n <a href=\"#\" class=\"btn-primary\">BUY $SUPERHOOD<\/a>\n <\/div>\n\n <div class=\"hero-ticker\">\n <div class=\"ticker-track\" id=\"ticker\">\n <span class=\"ticker-item\">$SUPERHOOD<\/span>\n <span class=\"ticker-item\">\ud83d\ude80 TO THE MOON<\/span>\n <span class=\"ticker-item\"><span>\u2605<\/span> COMMUNITY FIRST<\/span>\n <span class=\"ticker-item\">$SUPERHOOD<\/span>\n <span class=\"ticker-item\">\u26a1 DEFI REIMAGINED<\/span>\n <span class=\"ticker-item\"><span>\u2605<\/span> JOIN THE HOOD<\/span>\n <span class=\"ticker-item\">$SUPERHOOD<\/span>\n <span class=\"ticker-item\">\ud83d\ude80 TO THE MOON<\/span>\n <span class=\"ticker-item\"><span>\u2605<\/span> COMMUNITY FIRST<\/span>\n <span class=\"ticker-item\">$SUPERHOOD<\/span>\n <span class=\"ticker-item\">\u26a1 DEFI REIMAGINED<\/span>\n <span class=\"ticker-item\"><span>\u2605<\/span> JOIN THE HOOD<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"about\">\n <div class=\"about-image-side reveal-left\">\n <img decoding=\"async\"\n class=\"about-img\"\n src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/featured2.png\"\n alt=\"SUPERHOOD featured\"\n onerror=\"this.style.background='rgba(42,254,255,0.15)'; this.style.minHeight='400px'; this.style.width='80%';\"\n >\n <\/div>\n <div class=\"about-text-side reveal-right\">\n <div class=\"section-label\">About $SUPERHOOD<\/div>\n <div class=\"section-heading\">\n MORE THAN<br>\n A <em>MEME<\/em> COIN.<br>\n <span class=\"stroke\">MOVEMENT.<\/span>\n <\/div>\n <p class=\"about-text\">\n SUPERHOOD is the community-driven crypto phenomenon rewriting the rules of what a meme coin can be. \n Built on transparency, strength in numbers, and a culture that doesn't quit \u2014 we're taking over one block at a time.\n <\/p>\n <p class=\"about-text\">\n No VCs. No pre-sale insiders. No rugs. Just the community and the mission: make $SUPERHOOD the most recognized \n ticker on every chain.\n <\/p>\n <div class=\"stats-row\">\n <div class=\"stat-box reveal d1\">\n <div class=\"stat-num\">1<span>B<\/span><\/div>\n <div class=\"stat-label\">Total Supply<\/div>\n <\/div>\n <div class=\"stat-box reveal d2\">\n <div class=\"stat-num\">0<span>%<\/span><\/div>\n <div class=\"stat-label\">Team Allocation<\/div>\n <\/div>\n <div class=\"stat-box reveal d3\">\n <div class=\"stat-num\">100<span>%<\/span><\/div>\n <div class=\"stat-label\">Community Owned<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"features\">\n <div class=\"features-bg-glow\"><\/div>\n <div class=\"features-bg-glow2\"><\/div>\n\n <div class=\"features-top\">\n <div class=\"features-heading-block reveal-left\">\n <div class=\"section-label\">Why $SUPERHOOD<\/div>\n <div class=\"features-heading\">\n BUILT DIFFERENT.<br>\n <span>BUILT SUPER.<\/span>\n <\/div>\n <p class=\"features-desc\">\n SUPERHOOD isn't just another token. It's a cultural force backed by the strongest community in DeFi. \n Six reasons this hood runs different.\n <\/p>\n <\/div>\n <div class=\"features-image-block reveal-right\">\n <img decoding=\"async\"\n class=\"features-img\"\n src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/featured3.png\"\n alt=\"SUPERHOOD features\"\n onerror=\"this.style.minHeight='360px'; this.style.background='rgba(42,254,255,0.06)';\"\n >\n <\/div>\n <\/div>\n\n <div class=\"features-grid\">\n <div class=\"feature-card reveal d1\">\n <div class=\"feature-icon\">\ud83d\udd12<\/div>\n <div class=\"feature-title\">Liquidity Locked<\/div>\n <div class=\"feature-desc\">LP tokens locked for 12 months. No team can drain the pool \u2014 ever.<\/div>\n <\/div>\n <div class=\"feature-card reveal d2\">\n <div class=\"feature-icon\">\u26a1<\/div>\n <div class=\"feature-title\">Ultra-Low Fees<\/div>\n <div class=\"feature-desc\">0% buy tax, 0% sell tax. Keep every satoshi you earn.<\/div>\n <\/div>\n <div class=\"feature-card reveal d3\">\n <div class=\"feature-icon\">\ud83c\udf10<\/div>\n <div class=\"feature-title\">Robinhood Chain Native<\/div>\n <div class=\"feature-desc\">Built exclusively on Robinhood Chain \u2014 fast, cheap, and made for the hood.<\/div>\n <\/div>\n <div class=\"feature-card reveal d4\">\n <div class=\"feature-icon\">\ud83d\udc65<\/div>\n <div class=\"feature-title\">DAO Governance<\/div>\n <div class=\"feature-desc\">Holders vote on every major decision. Your tokens = your voice.<\/div>\n <\/div>\n <div class=\"feature-card reveal d5\">\n <div class=\"feature-icon\">\ud83d\udd25<\/div>\n <div class=\"feature-title\">Deflationary Burns<\/div>\n <div class=\"feature-desc\">Regular community-voted burns to keep supply tight and value rising.<\/div>\n <\/div>\n <div class=\"feature-card reveal d6\">\n <div class=\"feature-icon\">\ud83d\udee1\ufe0f<\/div>\n <div class=\"feature-title\">Audited Contract<\/div>\n <div class=\"feature-desc\">Fully audited by a top-tier security firm. Sleep easy, hood.<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"community\">\n <div class=\"community-bg-shape1\"><\/div>\n <div class=\"community-bg-shape2\"><\/div>\n\n <div class=\"section-label community-label orange reveal\">Join The Movement<\/div>\n <div class=\"community-heading reveal d1\">\n THE HOOD<br>\n <span class=\"hl\">NEVER<\/span><br>\n <span class=\"hl2\">SLEEPS.<\/span>\n <\/div>\n <p class=\"community-sub reveal d2\">\n 100,000+ holders strong and growing. Pick your platform \u2014 we're everywhere.\n <\/p>\n\n <div class=\"social-icons-row\">\n <a href=\"#\" class=\"social-icon-btn reveal d1\" title=\"X \/ Twitter\">\n <img decoding=\"async\"\n src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/1.png\"\n alt=\"X Twitter\"\n onerror=\"this.parentNode.innerHTML='<svg width=\\'48\\' height=\\'48\\' viewBox=\\'0 0 24 24\\' fill=\\'currentColor\\'><path d=\\'M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.736-8.845-8.17-10.655h6.226l4.253 5.622zm-1.161 17.52h1.833L7.084 4.126H5.117z\\'\/><\/svg>'\"\n >\n <\/a>\n <a href=\"#\" class=\"social-icon-btn reveal d2\" title=\"Telegram\">\n <img decoding=\"async\"\n src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/2.png\"\n alt=\"Telegram\"\n onerror=\"this.parentNode.innerHTML='<svg width=\\'48\\' height=\\'48\\' viewBox=\\'0 0 24 24\\' fill=\\'currentColor\\'><path d=\\'M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\\'\/><\/svg>'\"\n >\n <\/a>\n <a href=\"#\" class=\"social-icon-btn reveal d3\" title=\"Discord\">\n <img decoding=\"async\"\n src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/3.png\"\n alt=\"Discord\"\n onerror=\"this.parentNode.innerHTML='<svg width=\\'48\\' height=\\'48\\' viewBox=\\'0 0 24 24\\' fill=\\'currentColor\\'><path d=\\'M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057.1 18.08.114 18.1.132 18.112a19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03z\\'\/><\/svg>'\"\n >\n <\/a>\n <a href=\"#\" class=\"social-icon-btn reveal d4\" title=\"DexScreener\">\n <img decoding=\"async\"\n src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/4.png\"\n alt=\"DexScreener\"\n onerror=\"this.parentNode.innerHTML='<svg width=\\'48\\' height=\\'48\\' viewBox=\\'0 0 24 24\\' fill=\\'currentColor\\'><path d=\\'M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm-1-11h2v6h-2zm0-4h2v2h-2z\\'\/><\/svg>'\"\n >\n <\/a>\n <\/div>\n\n <div class=\"community-cta-row reveal d3\">\n <a href=\"#\" class=\"btn-cta-big\">JOIN THE HOOD<\/a>\n <a href=\"#\" class=\"btn-cta-big-accent\">BUY $SUPERHOOD<\/a>\n <\/div>\n<\/section>\n\n\n<section id=\"gallery\">\n <div class=\"gallery-overlay\"><\/div>\n <div class=\"gallery-inner\">\n <div class=\"section-label reveal\" style=\"background: var(--primary); display: inline-block; margin-bottom: 16px;\">Gallery<\/div>\n <div class=\"gallery-heading reveal d1\">THE HOOD<br><span>IN ACTION.<\/span><\/div>\n <p class=\"gallery-sub reveal d2\">Our community in the wild \u2014 from memes to milestones.<\/p>\n\n <div class=\"gallery-masonry\">\n <div class=\"gallery-item reveal d1\">\n <img decoding=\"async\" src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/superhoodgall1.png\" alt=\"SUPERHOOD gallery 1\" loading=\"lazy\" onerror=\"this.parentNode.style.background='rgba(42,254,255,0.12)'; this.parentNode.style.minHeight='200px'; this.style.display='none';\">\n <div class=\"gallery-item-overlay\"><\/div>\n <\/div>\n <div class=\"gallery-item reveal d2\">\n <img decoding=\"async\" src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/superhoodgall2.png\" alt=\"SUPERHOOD gallery 2\" loading=\"lazy\" onerror=\"this.parentNode.style.background='rgba(255,164,0,0.12)'; this.parentNode.style.minHeight='260px'; this.style.display='none';\">\n <div class=\"gallery-item-overlay\"><\/div>\n <\/div>\n <div class=\"gallery-item reveal d1\">\n <img decoding=\"async\" src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/superhoodgall3.png\" alt=\"SUPERHOOD gallery 3\" loading=\"lazy\" onerror=\"this.parentNode.style.background='rgba(42,254,255,0.12)'; this.parentNode.style.minHeight='180px'; this.style.display='none';\">\n <div class=\"gallery-item-overlay\"><\/div>\n <\/div>\n <div class=\"gallery-item reveal d3\">\n <img decoding=\"async\" src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/superhoodgall4.png\" alt=\"SUPERHOOD gallery 4\" loading=\"lazy\" onerror=\"this.parentNode.style.background='rgba(255,164,0,0.08)'; this.parentNode.style.minHeight='220px'; this.style.display='none';\">\n <div class=\"gallery-item-overlay\"><\/div>\n <\/div>\n <div class=\"gallery-item reveal d2\">\n <img decoding=\"async\" src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/superhoodgall5.png\" alt=\"SUPERHOOD gallery 5\" loading=\"lazy\" onerror=\"this.parentNode.style.background='rgba(42,254,255,0.1)'; this.parentNode.style.minHeight='200px'; this.style.display='none';\">\n <div class=\"gallery-item-overlay\"><\/div>\n <\/div>\n <div class=\"gallery-item reveal d4\">\n <img decoding=\"async\" src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/superhoodgall6.png\" alt=\"SUPERHOOD gallery 6\" loading=\"lazy\" onerror=\"this.parentNode.style.background='rgba(255,164,0,0.1)'; this.parentNode.style.minHeight='240px'; this.style.display='none';\">\n <div class=\"gallery-item-overlay\"><\/div>\n <\/div>\n <div class=\"gallery-item reveal d3\">\n <img decoding=\"async\" src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/superhoodgall7.png\" alt=\"SUPERHOOD gallery 7\" loading=\"lazy\" onerror=\"this.parentNode.style.background='rgba(42,254,255,0.08)'; this.parentNode.style.minHeight='190px'; this.style.display='none';\">\n <div class=\"gallery-item-overlay\"><\/div>\n <\/div>\n <div class=\"gallery-item reveal d5\">\n <img decoding=\"async\" src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/superhoodgall8.png\" alt=\"SUPERHOOD gallery 8\" loading=\"lazy\" onerror=\"this.parentNode.style.background='rgba(255,164,0,0.12)'; this.parentNode.style.minHeight='210px'; this.style.display='none';\">\n <div class=\"gallery-item-overlay\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"gallery-cta reveal d4\">\n <a href=\"#\" class=\"btn-gallery-cta\">BUY $SUPERHOOD NOW<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <a href=\"#hero\" class=\"footer-logo\">\n <img decoding=\"async\" src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/logo.png\" alt=\"SUPERHOOD\" onerror=\"this.style.display='none'\">\n <span class=\"footer-logo-text\">SUPERHOOD<\/span>\n <\/a>\n <div class=\"footer-copy\">\u00a9 2026 SUPERHOOD. All rights reserved. Not financial advice.<\/div>\n <div class=\"footer-links\">\n <a href=\"#about\">about<\/a>\n <a href=\"#features\">features<\/a>\n <a href=\"#community\">community<\/a>\n <a href=\"#gallery\">gallery<\/a>\n <\/div>\n<\/footer>\n\n<script>\n \/\/ \u2500\u2500\u2500 Scroll reveal\n const revealEls = document.querySelectorAll('.reveal, .reveal-left, .reveal-right');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(e => {\n if (e.isIntersecting) {\n e.target.classList.add('visible');\n observer.unobserve(e.target);\n }\n });\n }, { threshold: 0.12 });\n revealEls.forEach(el => observer.observe(el));\n\n \/\/ \u2500\u2500\u2500 Smooth active nav on scroll\n const sections = document.querySelectorAll('section[id]');\n const navLinks = document.querySelectorAll('.nav-links a');\n window.addEventListener('scroll', () => {\n let current = '';\n sections.forEach(s => {\n if (window.scrollY >= s.offsetTop - 120) current = s.id;\n });\n navLinks.forEach(a => {\n a.style.opacity = a.getAttribute('href') === '#' + current ? '0.5' : '1';\n });\n });\n\n \/\/ \u2500\u2500\u2500 Ticker duplication for seamless loop\n const track = document.getElementById('ticker');\n track.innerHTML += track.innerHTML;\n\n \/\/ \u2500\u2500\u2500 Parallax glow on mouse move (hero)\n document.addEventListener('mousemove', (e) => {\n const { clientX: x, clientY: y } = e;\n const cx = window.innerWidth \/ 2;\n const cy = window.innerHeight \/ 2;\n const dx = (x - cx) \/ cx;\n const dy = (y - cy) \/ cy;\n const heroBg = document.querySelector('.hero-bg');\n if (heroBg) {\n heroBg.style.transform = `translate(${dx * 12}px, ${dy * 8}px) scale(1.02)`;\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>SUPERHOOD \u2014 $SUPERHOOD about features community gallery how to buy THE FUTURE IS SUPER HOOD. the boldest meme in the crypto space \u00b7 $superhood x \/ twitter telegram BUY $SUPERHOOD $SUPERHOOD \ud83d\ude80 TO THE MOON \u2605 COMMUNITY FIRST $SUPERHOOD \u26a1 DEFI REIMAGINED \u2605 JOIN THE HOOD $SUPERHOOD \ud83d\ude80 TO THE MOON \u2605 COMMUNITY FIRST $SUPERHOOD […]<\/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:\/\/superhood.online\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/superhood.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/superhood.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/superhood.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/superhood.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":46,"href":"https:\/\/superhood.online\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":77,"href":"https:\/\/superhood.online\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/77"}],"wp:attachment":[{"href":"https:\/\/superhood.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\n\n\n\n\nSUPERHOOD \u2014 $SUPERHOOD<\/title>\n<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700;800;900&display=swap');\n\n :root {\n --primary: #2AFEFF;\n --accent: #FFA400;\n --dark: #0a0a0a;\n --white: #ffffff;\n --light: #f8f8f8;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Inter', sans-serif;\n background: var(--white);\n color: var(--dark);\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500\u2500 NAVBAR \u2500\u2500\u2500 *\/\n nav {\n position: fixed;\n top: 16px;\n left: 50%;\n transform: translateX(-50%);\n width: calc(100% - 48px);\n max-width: 1200px;\n background: var(--primary);\n border: 2.5px solid var(--dark);\n border-radius: 16px;\n padding: 10px 20px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n z-index: 1000;\n box-shadow: 4px 4px 0 var(--dark);\n }\n\n .nav-logo {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n border: 2.5px solid var(--dark);\n overflow: hidden;\n background: #fff;\n flex-shrink: 0;\n }\n .nav-logo img { width: 100%; height: 100%; object-fit: cover; }\n\n .nav-links {\n display: flex;\n align-items: center;\n gap: 36px;\n list-style: none;\n }\n .nav-links a {\n font-family: 'Inter', sans-serif;\n font-weight: 700;\n font-size: 1rem;\n text-transform: lowercase;\n color: var(--dark);\n text-decoration: none;\n letter-spacing: 0.02em;\n transition: opacity 0.2s;\n text-transform: uppercase;\n }\n .nav-links a:hover { opacity: 0.6; }\n\n .nav-socials {\n display: flex;\n align-items: center;\n gap: 12px;\n }\n .nav-socials a {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 34px;\n height: 34px;\n border: 2px solid var(--dark);\n border-radius: 8px;\n background: var(--white);\n color: var(--dark);\n font-size: 14px;\n text-decoration: none;\n transition: transform 0.2s, background 0.2s;\n \n }\n .nav-socials a:hover {\n transform: translateY(-2px);\n background: var(--accent);\n }\n\n \/* \u2500\u2500\u2500 SECTION 1: HERO \u2500\u2500\u2500 *\/\n #hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n position: relative;\n overflow: hidden;\n background: var(--white);\n padding: 120px 48px 60px;\n }\n\n .hero-bg {\n position: absolute;\n top: 0; right: 0;\n width: 100%;\n height: 100%;\n background-image: url('http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/bg1.png');\n background-size: cover;\n background-position: center;\n z-index: 0;\n }\n .hero-bg-fade {\n position: absolute;\n top: 0; right: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(to right, #ffffff 25%, transparent 65%);\n z-index: 1;\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n max-width: 640px;\n }\n\n .hero-logo {\n display: flex;\n align-items: center;\n gap: 14px;\n margin-bottom: 32px;\n animation: fadeUp 0.8s ease forwards;\n }\n .hero-logo img {\n margin-left: -100px;\n height: 720px;\n height: auto;\n filter: drop-shadow(0 4px 24px rgba(42,254,255,0.3));\n }\n .hero-logo-text {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 2.2rem;\n letter-spacing: 0.04em;\n color: var(--dark);\n line-height: 1;\n }\n\n .hero-headline {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(5rem, 11vw, 9rem);\n line-height: 0.88;\n color: var(--dark);\n margin-bottom: 8px;\n animation: fadeUp 0.8s ease 0.1s both;\n }\n .hero-headline .highlight {\n display: inline;\n background: var(--primary);\n padding: 0 8px;\n line-height: 1;\n }\n .hero-headline .accent-word {\n color: var(--accent);\n }\n\n .hero-sub {\n font-weight: 700;\n font-size: 1rem;\n letter-spacing: 0.08em;\n text-transform: lowercase;\n margin-top: 20px;\n margin-bottom: 36px;\n color: #555;\n animation: fadeUp 0.8s ease 0.2s both;\n }\n\n .hero-buttons {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n animation: fadeUp 0.8s ease 0.3s both;\n margin-bottom: 40px;\n }\n\n .btn-outline {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 12px 24px;\n border: 2.5px solid var(--dark);\n border-radius: 10px;\n background: var(--white);\n font-weight: 700;\n font-size: 0.85rem;\n color: var(--dark);\n cursor: pointer;\n text-decoration: none;\n transition: transform 0.2s, box-shadow 0.2s;\n box-shadow: 3px 3px 0 var(--dark);\n }\n .btn-outline:hover {\n transform: translate(-2px,-2px);\n box-shadow: 5px 5px 0 var(--dark);\n }\n\n .btn-primary {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 20px 52px;\n background: var(--primary);\n border: 2.5px solid var(--dark);\n border-radius: 12px;\n font-family: 'Bebas Neue', sans-serif;\n font-size: 2rem;\n letter-spacing: 0.05em;\n color: var(--dark);\n cursor: pointer;\n text-decoration: none;\n transition: transform 0.2s, box-shadow 0.2s;\n box-shadow: 5px 5px 0 var(--dark);\n animation: fadeUp 0.8s ease 0.4s both;\n }\n .btn-primary:hover {\n transform: translate(-3px,-3px);\n box-shadow: 8px 8px 0 var(--dark);\n background: var(--accent);\n }\n\n .hero-ticker {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n background: var(--dark);\n padding: 10px 0;\n overflow: hidden;\n z-index: 3;\n }\n .ticker-track {\n display: flex;\n gap: 48px;\n animation: ticker 18s linear infinite;\n white-space: nowrap;\n }\n .ticker-item {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 1.1rem;\n letter-spacing: 0.1em;\n color: var(--primary);\n flex-shrink: 0;\n }\n .ticker-item span { color: var(--accent); }\n\n \/* \u2500\u2500\u2500 SECTION 2: ABOUT \u2500\u2500\u2500 *\/\n #about {\n min-height: 100vh;\n display: grid;\n grid-template-columns: 1fr 1fr;\n align-items: center;\n gap: 0;\n background: var(--light);\n overflow: hidden;\n position: relative;\n }\n\n .about-image-side {\n position: relative;\n height: 100%;\n min-height: 100vh;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n background: var(--primary);\n overflow: hidden;\n }\n .about-image-side::before {\n content: '';\n position: absolute;\n bottom: -60px;\n right: -60px;\n width: 300px;\n height: 300px;\n border-radius: 50%;\n background: var(--accent);\n opacity: 0.2;\n }\n .about-img {\n width: 80%;\n max-height: 90vh;\n object-fit: contain;\n animation: float 4s ease-in-out infinite;\n position: relative;\n z-index: 1;\n filter: drop-shadow(0 20px 60px rgba(0,0,0,0.25));\n }\n\n .about-text-side {\n padding: 80px 64px;\n position: relative;\n }\n .section-label {\n display: inline-block;\n background: var(--primary);\n border: 2px solid var(--dark);\n border-radius: 100px;\n padding: 6px 16px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n margin-bottom: 24px;\n box-shadow: 2px 2px 0 var(--dark);\n }\n .section-label.orange { background: var(--accent); }\n\n .section-heading {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(3.5rem, 6vw, 5.5rem);\n line-height: 0.9;\n margin-bottom: 24px;\n color: var(--dark);\n }\n .section-heading em {\n font-style: normal;\n color: var(--primary);\n -webkit-text-stroke: 1.5px var(--dark);\n text-shadow: none;\n }\n .section-heading .stroke {\n font-style: normal;\n -webkit-text-stroke: 2px var(--dark);\n color: transparent;\n }\n\n .about-text {\n font-size: 1rem;\n line-height: 1.75;\n color: #444;\n max-width: 460px;\n margin-bottom: 36px;\n }\n\n .stats-row {\n display: flex;\n gap: 32px;\n flex-wrap: wrap;\n margin-top: 40px;\n }\n .stat-box {\n background: var(--white);\n border: 2.5px solid var(--dark);\n border-radius: 14px;\n padding: 18px 28px;\n box-shadow: 4px 4px 0 var(--dark);\n transition: transform 0.2s, box-shadow 0.2s;\n }\n .stat-box:hover {\n transform: translate(-2px,-2px);\n box-shadow: 6px 6px 0 var(--dark);\n }\n .stat-num {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 2.6rem;\n line-height: 1;\n color: var(--dark);\n }\n .stat-num span { color: var(--primary); }\n .stat-label {\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: #777;\n margin-top: 4px;\n }\n\n \/* \u2500\u2500\u2500 SECTION 3: FEATURES \u2500\u2500\u2500 *\/\n #features {\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 100px 48px;\n background: var(--dark);\n position: relative;\n overflow: hidden;\n }\n\n .features-bg-glow {\n position: absolute;\n top: -200px;\n right: -200px;\n width: 600px;\n height: 600px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(42,254,255,0.12) 0%, transparent 70%);\n pointer-events: none;\n }\n .features-bg-glow2 {\n position: absolute;\n bottom: -150px;\n left: -150px;\n width: 500px;\n height: 500px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(255,164,0,0.1) 0%, transparent 70%);\n pointer-events: none;\n }\n\n .features-top {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n margin-bottom: 72px;\n position: relative;\n z-index: 1;\n }\n\n .features-heading-block .section-label { background: var(--primary); }\n\n .features-heading {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(3.5rem, 6vw, 5.5rem);\n line-height: 0.9;\n color: var(--white);\n margin-bottom: 20px;\n }\n .features-heading span { color: var(--primary); }\n\n .features-desc {\n font-size: 1rem;\n line-height: 1.7;\n color: rgba(255,255,255,0.6);\n max-width: 420px;\n }\n\n .features-image-block {\n position: relative;\n display: flex;\n justify-content: center;\n }\n .features-img {\n width: 90%;\n max-width: 480px;\n border-radius: 20px;\n border: 2.5px solid rgba(42,254,255,0.3);\n box-shadow: 0 0 60px rgba(42,254,255,0.15);\n animation: float 5s ease-in-out infinite 0.5s;\n object-fit: contain;\n background: rgba(42,254,255,0.05);\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n position: relative;\n z-index: 1;\n }\n\n .feature-card {\n background: rgba(255,255,255,0.04);\n border: 1.5px solid rgba(255,255,255,0.1);\n border-radius: 18px;\n padding: 28px 28px 24px;\n transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s;\n cursor: default;\n }\n .feature-card:hover {\n transform: translateY(-6px);\n border-color: var(--primary);\n box-shadow: 0 0 30px rgba(42,254,255,0.12);\n }\n .feature-icon {\n width: 48px;\n height: 48px;\n border-radius: 12px;\n background: rgba(42,254,255,0.12);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.4rem;\n margin-bottom: 16px;\n border: 1.5px solid rgba(42,254,255,0.25);\n }\n .feature-card:nth-child(2) .feature-icon { background: rgba(255,164,0,0.12); border-color: rgba(255,164,0,0.3); }\n .feature-card:nth-child(3) .feature-icon { background: rgba(42,254,255,0.12); border-color: rgba(42,254,255,0.25); }\n .feature-card:nth-child(4) .feature-icon { background: rgba(255,164,0,0.12); border-color: rgba(255,164,0,0.3); }\n .feature-card:nth-child(5) .feature-icon { background: rgba(42,254,255,0.12); border-color: rgba(42,254,255,0.25); }\n .feature-card:nth-child(6) .feature-icon { background: rgba(255,164,0,0.12); border-color: rgba(255,164,0,0.3); }\n\n .feature-title {\n font-weight: 800;\n font-size: 1rem;\n color: var(--white);\n margin-bottom: 8px;\n }\n .feature-desc {\n font-size: 0.85rem;\n color: rgba(255,255,255,0.5);\n line-height: 1.6;\n }\n\n \/* \u2500\u2500\u2500 SECTION 4: COMMUNITY \u2500\u2500\u2500 *\/\n #community {\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 100px 48px;\n background: var(--white);\n position: relative;\n overflow: hidden;\n text-align: center;\n }\n\n .community-bg-shape1 {\n position: absolute;\n top: -120px;\n left: -120px;\n width: 500px;\n height: 500px;\n border-radius: 50%;\n background: var(--primary);\n opacity: 0.08;\n pointer-events: none;\n }\n .community-bg-shape2 {\n position: absolute;\n bottom: -100px;\n right: -100px;\n width: 400px;\n height: 400px;\n border-radius: 50%;\n background: var(--accent);\n opacity: 0.08;\n pointer-events: none;\n }\n\n .community-label { margin: 0 auto 24px; }\n\n .community-heading {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(4rem, 9vw, 8rem);\n line-height: 0.88;\n color: var(--dark);\n margin-bottom: 20px;\n }\n .community-heading .hl { background: var(--primary); padding: 0 10px; }\n .community-heading .hl2 { background: var(--accent); padding: 0 10px; }\n\n .community-sub {\n font-size: 1.1rem;\n font-weight: 600;\n color: #666;\n margin-bottom: 60px;\n letter-spacing: 0.02em;\n max-width: 520px;\n }\n\n .social-icons-row {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 24px;\n flex-wrap: wrap;\n margin-bottom: 60px;\n }\n\n .social-icon-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 120px;\n height: 120px;\n border: 2.5px solid var(--dark);\n border-radius: 24px;\n background: var(--white);\n box-shadow: 5px 5px 0 var(--dark);\n transition: transform 0.2s, box-shadow 0.2s, background 0.2s;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n overflow: hidden;\n }\n .social-icon-btn:hover {\n transform: translate(-4px,-4px);\n box-shadow: 9px 9px 0 var(--dark);\n background: var(--primary);\n }\n .social-icon-btn:nth-child(2):hover { background: var(--accent); }\n .social-icon-btn:nth-child(3):hover { background: var(--primary); }\n .social-icon-btn:nth-child(4):hover { background: var(--accent); }\n\n .social-icon-btn img {\n width: 64px;\n height: 64px;\n object-fit: contain;\n }\n\n .community-cta-row {\n display: flex;\n gap: 16px;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .btn-cta-big {\n padding: 18px 48px;\n font-family: 'Bebas Neue', sans-serif;\n font-size: 1.8rem;\n letter-spacing: 0.05em;\n background: var(--dark);\n color: var(--primary);\n border: 2.5px solid var(--dark);\n border-radius: 12px;\n text-decoration: none;\n box-shadow: 5px 5px 0 rgba(0,0,0,0.3);\n transition: transform 0.2s, box-shadow 0.2s, background 0.2s, color 0.2s;\n }\n .btn-cta-big:hover {\n transform: translate(-3px,-3px);\n box-shadow: 8px 8px 0 rgba(0,0,0,0.25);\n background: var(--primary);\n color: var(--dark);\n }\n\n .btn-cta-big-accent {\n padding: 18px 48px;\n font-family: 'Bebas Neue', sans-serif;\n font-size: 1.8rem;\n letter-spacing: 0.05em;\n background: var(--accent);\n color: var(--dark);\n border: 2.5px solid var(--dark);\n border-radius: 12px;\n text-decoration: none;\n box-shadow: 5px 5px 0 var(--dark);\n transition: transform 0.2s, box-shadow 0.2s;\n }\n .btn-cta-big-accent:hover {\n transform: translate(-3px,-3px);\n box-shadow: 8px 8px 0 var(--dark);\n }\n\n \/* \u2500\u2500\u2500 SECTION 5: GALLERY \u2500\u2500\u2500 *\/\n #gallery {\n min-height: 100vh;\n padding: 100px 48px 80px;\n background-image: url('http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/bg5.png');\n background-size: cover;\n background-position: center;\n background-attachment: fixed;\n position: relative;\n overflow: hidden;\n }\n .gallery-overlay {\n position: absolute;\n inset: 0;\n background: rgba(0,0,0,0.55);\n z-index: 0;\n }\n\n .gallery-inner {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .gallery-heading {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(3.5rem, 7vw, 6rem);\n line-height: 0.9;\n color: var(--white);\n margin-bottom: 12px;\n }\n .gallery-heading span { color: var(--primary); }\n\n .gallery-sub {\n font-size: 1rem;\n color: rgba(255,255,255,0.6);\n font-weight: 500;\n margin-bottom: 56px;\n }\n\n .gallery-masonry {\n columns: 4;\n column-gap: 16px;\n margin-bottom: 64px;\n }\n\n .gallery-item {\n break-inside: avoid;\n margin-bottom: 16px;\n border-radius: 16px;\n overflow: hidden;\n border: 2px solid rgba(255,255,255,0.1);\n position: relative;\n cursor: pointer;\n }\n .gallery-item:nth-child(3n) { margin-top: 32px; }\n .gallery-item:nth-child(4n+1) { margin-top: -20px; }\n\n .gallery-item img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n .gallery-item:hover img { transform: scale(1.06); }\n\n .gallery-item-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(to top, rgba(42,254,255,0.35) 0%, transparent 60%);\n opacity: 0;\n transition: opacity 0.3s;\n }\n .gallery-item:hover .gallery-item-overlay { opacity: 1; }\n\n .gallery-cta {\n margin-top: 16px;\n }\n\n .btn-gallery-cta {\n display: inline-block;\n padding: 20px 64px;\n font-family: 'Bebas Neue', sans-serif;\n font-size: 2rem;\n letter-spacing: 0.06em;\n background: var(--primary);\n color: var(--dark);\n border: 2.5px solid var(--white);\n border-radius: 14px;\n text-decoration: none;\n box-shadow: 6px 6px 0 rgba(255,255,255,0.25);\n transition: transform 0.2s, box-shadow 0.2s, background 0.2s;\n }\n .btn-gallery-cta:hover {\n transform: translate(-3px,-3px);\n box-shadow: 9px 9px 0 rgba(255,255,255,0.2);\n background: var(--accent);\n }\n\n \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n footer {\n background: var(--dark);\n padding: 32px 48px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 16px;\n }\n .footer-logo {\n display: flex;\n align-items: center;\n gap: 10px;\n text-decoration: none;\n }\n .footer-logo img { height: 36px; }\n .footer-logo-text {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 1.4rem;\n color: var(--primary);\n letter-spacing: 0.06em;\n }\n .footer-copy {\n font-size: 0.78rem;\n color: rgba(255,255,255,0.35);\n font-weight: 500;\n }\n .footer-links {\n display: flex;\n gap: 20px;\n }\n .footer-links a {\n font-size: 0.78rem;\n font-weight: 600;\n color: rgba(255,255,255,0.5);\n text-decoration: none;\n text-transform: lowercase;\n transition: color 0.2s;\n }\n .footer-links a:hover { color: var(--primary); }\n\n \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\n @keyframes float {\n 0%,100% { transform: translateY(0); }\n 50% { transform: translateY(-16px); }\n }\n @keyframes ticker {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n @keyframes fadeUp {\n from { opacity:0; transform:translateY(30px); }\n to { opacity:1; transform:translateY(0); }\n }\n @keyframes fadeIn {\n from { opacity:0; }\n to { opacity:1; }\n }\n\n .reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n .reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n .reveal-left {\n opacity: 0;\n transform: translateX(-50px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n .reveal-left.visible {\n opacity: 1;\n transform: translateX(0);\n }\n .reveal-right {\n opacity: 0;\n transform: translateX(50px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n .reveal-right.visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n \/* Stagger delays *\/\n .d1 { transition-delay: 0.1s; }\n .d2 { transition-delay: 0.2s; }\n .d3 { transition-delay: 0.3s; }\n .d4 { transition-delay: 0.4s; }\n .d5 { transition-delay: 0.5s; }\n .d6 { transition-delay: 0.6s; }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 1024px) {\n .about-text-side { padding: 60px 40px; }\n .features-top { grid-template-columns: 1fr; }\n .features-grid { grid-template-columns: repeat(2, 1fr); }\n .gallery-masonry { columns: 3; }\n }\n\n @media (max-width: 768px) {\n nav { top: 10px; padding: 8px 14px; width: calc(100% - 24px); border-radius: 12px; }\n .nav-links { display: none; }\n\n #hero { padding: 100px 24px 60px; }\n .hero-bg { width: 100%; opacity: 0.2; }\n .hero-bg-fade { width: 100%; background: linear-gradient(to bottom, #fff 40%, transparent); }\n\n #about { grid-template-columns: 1fr; }\n .about-image-side { min-height: 50vh; }\n .about-text-side { padding: 48px 24px; }\n\n #features { padding: 80px 24px; }\n .features-grid { grid-template-columns: 1fr; }\n\n #community { padding: 80px 24px; }\n .social-icon-btn { width: 88px; height: 88px; }\n .social-icon-btn img { width: 48px; height: 48px; }\n\n #gallery { padding: 80px 24px 60px; }\n .gallery-masonry { columns: 2; }\n\n footer { padding: 24px; flex-direction: column; text-align: center; }\n .footer-links { justify-content: center; }\n }\n\n @media (max-width: 480px) {\n .gallery-masonry { columns: 1; }\n .hero-headline { font-size: 4.5rem; }\n .btn-primary { font-size: 1.6rem; padding: 16px 36px; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<nav>\n <div class=\"nav-logo\">\n <img decoding=\"async\" src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/logo.png\" alt=\"SUPERHOOD logo\" onerror=\"this.style.display='none'\">\n <\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#about\">about<\/a><\/li>\n <li><a href=\"#features\">features<\/a><\/li>\n <li><a href=\"#community\">community<\/a><\/li>\n <li><a href=\"#gallery\">gallery<\/a><\/li>\n <li><a href=\"#community\">how to buy<\/a><\/li>\n <\/ul>\n <div class=\"nav-socials\">\n <a href=\"#\" title=\"X \/ Twitter\" aria-label=\"X\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.736-8.845-8.17-10.655h6.226l4.253 5.622zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n <\/a>\n <a href=\"#\" title=\"Telegram\" aria-label=\"Telegram\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg>\n <\/a>\n \n \n \n <\/div>\n<\/nav>\n\n\n<section id=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-bg-fade\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-logo\">\n <img decoding=\"async\" src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/logo.png\" alt=\"SUPERHOOD\" onerror=\"this.style.display='none'\">\n \n <\/div>\n <div class=\"hero-headline\">\n THE FUTURE<br>\n IS <span class=\"highlight\">SUPER<\/span><br>\n <span class=\"accent-word\">HOOD.<\/span>\n <\/div>\n <div class=\"hero-sub\">the boldest meme in the crypto space \u00b7 $superhood<\/div>\n <div class=\"hero-buttons\">\n <a href=\"#\" class=\"btn-outline\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.736-8.845-8.17-10.655h6.226l4.253 5.622zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n x \/ twitter\n <\/a>\n <a href=\"#\" class=\"btn-outline\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg>\n telegram\n <\/a>\n <\/div>\n <a href=\"#\" class=\"btn-primary\">BUY $SUPERHOOD<\/a>\n <\/div>\n\n <div class=\"hero-ticker\">\n <div class=\"ticker-track\" id=\"ticker\">\n <span class=\"ticker-item\">$SUPERHOOD<\/span>\n <span class=\"ticker-item\">\ud83d\ude80 TO THE MOON<\/span>\n <span class=\"ticker-item\"><span>\u2605<\/span> COMMUNITY FIRST<\/span>\n <span class=\"ticker-item\">$SUPERHOOD<\/span>\n <span class=\"ticker-item\">\u26a1 DEFI REIMAGINED<\/span>\n <span class=\"ticker-item\"><span>\u2605<\/span> JOIN THE HOOD<\/span>\n <span class=\"ticker-item\">$SUPERHOOD<\/span>\n <span class=\"ticker-item\">\ud83d\ude80 TO THE MOON<\/span>\n <span class=\"ticker-item\"><span>\u2605<\/span> COMMUNITY FIRST<\/span>\n <span class=\"ticker-item\">$SUPERHOOD<\/span>\n <span class=\"ticker-item\">\u26a1 DEFI REIMAGINED<\/span>\n <span class=\"ticker-item\"><span>\u2605<\/span> JOIN THE HOOD<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"about\">\n <div class=\"about-image-side reveal-left\">\n <img decoding=\"async\"\n class=\"about-img\"\n src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/featured2.png\"\n alt=\"SUPERHOOD featured\"\n onerror=\"this.style.background='rgba(42,254,255,0.15)'; this.style.minHeight='400px'; this.style.width='80%';\"\n >\n <\/div>\n <div class=\"about-text-side reveal-right\">\n <div class=\"section-label\">About $SUPERHOOD<\/div>\n <div class=\"section-heading\">\n MORE THAN<br>\n A <em>MEME<\/em> COIN.<br>\n <span class=\"stroke\">MOVEMENT.<\/span>\n <\/div>\n <p class=\"about-text\">\n SUPERHOOD is the community-driven crypto phenomenon rewriting the rules of what a meme coin can be. \n Built on transparency, strength in numbers, and a culture that doesn't quit \u2014 we're taking over one block at a time.\n <\/p>\n <p class=\"about-text\">\n No VCs. No pre-sale insiders. No rugs. Just the community and the mission: make $SUPERHOOD the most recognized \n ticker on every chain.\n <\/p>\n <div class=\"stats-row\">\n <div class=\"stat-box reveal d1\">\n <div class=\"stat-num\">1<span>B<\/span><\/div>\n <div class=\"stat-label\">Total Supply<\/div>\n <\/div>\n <div class=\"stat-box reveal d2\">\n <div class=\"stat-num\">0<span>%<\/span><\/div>\n <div class=\"stat-label\">Team Allocation<\/div>\n <\/div>\n <div class=\"stat-box reveal d3\">\n <div class=\"stat-num\">100<span>%<\/span><\/div>\n <div class=\"stat-label\">Community Owned<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"features\">\n <div class=\"features-bg-glow\"><\/div>\n <div class=\"features-bg-glow2\"><\/div>\n\n <div class=\"features-top\">\n <div class=\"features-heading-block reveal-left\">\n <div class=\"section-label\">Why $SUPERHOOD<\/div>\n <div class=\"features-heading\">\n BUILT DIFFERENT.<br>\n <span>BUILT SUPER.<\/span>\n <\/div>\n <p class=\"features-desc\">\n SUPERHOOD isn't just another token. It's a cultural force backed by the strongest community in DeFi. \n Six reasons this hood runs different.\n <\/p>\n <\/div>\n <div class=\"features-image-block reveal-right\">\n <img decoding=\"async\"\n class=\"features-img\"\n src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/featured3.png\"\n alt=\"SUPERHOOD features\"\n onerror=\"this.style.minHeight='360px'; this.style.background='rgba(42,254,255,0.06)';\"\n >\n <\/div>\n <\/div>\n\n <div class=\"features-grid\">\n <div class=\"feature-card reveal d1\">\n <div class=\"feature-icon\">\ud83d\udd12<\/div>\n <div class=\"feature-title\">Liquidity Locked<\/div>\n <div class=\"feature-desc\">LP tokens locked for 12 months. No team can drain the pool \u2014 ever.<\/div>\n <\/div>\n <div class=\"feature-card reveal d2\">\n <div class=\"feature-icon\">\u26a1<\/div>\n <div class=\"feature-title\">Ultra-Low Fees<\/div>\n <div class=\"feature-desc\">0% buy tax, 0% sell tax. Keep every satoshi you earn.<\/div>\n <\/div>\n <div class=\"feature-card reveal d3\">\n <div class=\"feature-icon\">\ud83c\udf10<\/div>\n <div class=\"feature-title\">Robinhood Chain Native<\/div>\n <div class=\"feature-desc\">Built exclusively on Robinhood Chain \u2014 fast, cheap, and made for the hood.<\/div>\n <\/div>\n <div class=\"feature-card reveal d4\">\n <div class=\"feature-icon\">\ud83d\udc65<\/div>\n <div class=\"feature-title\">DAO Governance<\/div>\n <div class=\"feature-desc\">Holders vote on every major decision. Your tokens = your voice.<\/div>\n <\/div>\n <div class=\"feature-card reveal d5\">\n <div class=\"feature-icon\">\ud83d\udd25<\/div>\n <div class=\"feature-title\">Deflationary Burns<\/div>\n <div class=\"feature-desc\">Regular community-voted burns to keep supply tight and value rising.<\/div>\n <\/div>\n <div class=\"feature-card reveal d6\">\n <div class=\"feature-icon\">\ud83d\udee1\ufe0f<\/div>\n <div class=\"feature-title\">Audited Contract<\/div>\n <div class=\"feature-desc\">Fully audited by a top-tier security firm. Sleep easy, hood.<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"community\">\n <div class=\"community-bg-shape1\"><\/div>\n <div class=\"community-bg-shape2\"><\/div>\n\n <div class=\"section-label community-label orange reveal\">Join The Movement<\/div>\n <div class=\"community-heading reveal d1\">\n THE HOOD<br>\n <span class=\"hl\">NEVER<\/span><br>\n <span class=\"hl2\">SLEEPS.<\/span>\n <\/div>\n <p class=\"community-sub reveal d2\">\n 100,000+ holders strong and growing. Pick your platform \u2014 we're everywhere.\n <\/p>\n\n <div class=\"social-icons-row\">\n <a href=\"#\" class=\"social-icon-btn reveal d1\" title=\"X \/ Twitter\">\n <img decoding=\"async\"\n src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/1.png\"\n alt=\"X Twitter\"\n onerror=\"this.parentNode.innerHTML='<svg width=\\'48\\' height=\\'48\\' viewBox=\\'0 0 24 24\\' fill=\\'currentColor\\'><path d=\\'M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.736-8.845-8.17-10.655h6.226l4.253 5.622zm-1.161 17.52h1.833L7.084 4.126H5.117z\\'\/><\/svg>'\"\n >\n <\/a>\n <a href=\"#\" class=\"social-icon-btn reveal d2\" title=\"Telegram\">\n <img decoding=\"async\"\n src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/2.png\"\n alt=\"Telegram\"\n onerror=\"this.parentNode.innerHTML='<svg width=\\'48\\' height=\\'48\\' viewBox=\\'0 0 24 24\\' fill=\\'currentColor\\'><path d=\\'M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\\'\/><\/svg>'\"\n >\n <\/a>\n <a href=\"#\" class=\"social-icon-btn reveal d3\" title=\"Discord\">\n <img decoding=\"async\"\n src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/3.png\"\n alt=\"Discord\"\n onerror=\"this.parentNode.innerHTML='<svg width=\\'48\\' height=\\'48\\' viewBox=\\'0 0 24 24\\' fill=\\'currentColor\\'><path d=\\'M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057.1 18.08.114 18.1.132 18.112a19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03z\\'\/><\/svg>'\"\n >\n <\/a>\n <a href=\"#\" class=\"social-icon-btn reveal d4\" title=\"DexScreener\">\n <img decoding=\"async\"\n src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/4.png\"\n alt=\"DexScreener\"\n onerror=\"this.parentNode.innerHTML='<svg width=\\'48\\' height=\\'48\\' viewBox=\\'0 0 24 24\\' fill=\\'currentColor\\'><path d=\\'M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm-1-11h2v6h-2zm0-4h2v2h-2z\\'\/><\/svg>'\"\n >\n <\/a>\n <\/div>\n\n <div class=\"community-cta-row reveal d3\">\n <a href=\"#\" class=\"btn-cta-big\">JOIN THE HOOD<\/a>\n <a href=\"#\" class=\"btn-cta-big-accent\">BUY $SUPERHOOD<\/a>\n <\/div>\n<\/section>\n\n\n<section id=\"gallery\">\n <div class=\"gallery-overlay\"><\/div>\n <div class=\"gallery-inner\">\n <div class=\"section-label reveal\" style=\"background: var(--primary); display: inline-block; margin-bottom: 16px;\">Gallery<\/div>\n <div class=\"gallery-heading reveal d1\">THE HOOD<br><span>IN ACTION.<\/span><\/div>\n <p class=\"gallery-sub reveal d2\">Our community in the wild \u2014 from memes to milestones.<\/p>\n\n <div class=\"gallery-masonry\">\n <div class=\"gallery-item reveal d1\">\n <img decoding=\"async\" src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/superhoodgall1.png\" alt=\"SUPERHOOD gallery 1\" loading=\"lazy\" onerror=\"this.parentNode.style.background='rgba(42,254,255,0.12)'; this.parentNode.style.minHeight='200px'; this.style.display='none';\">\n <div class=\"gallery-item-overlay\"><\/div>\n <\/div>\n <div class=\"gallery-item reveal d2\">\n <img decoding=\"async\" src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/superhoodgall2.png\" alt=\"SUPERHOOD gallery 2\" loading=\"lazy\" onerror=\"this.parentNode.style.background='rgba(255,164,0,0.12)'; this.parentNode.style.minHeight='260px'; this.style.display='none';\">\n <div class=\"gallery-item-overlay\"><\/div>\n <\/div>\n <div class=\"gallery-item reveal d1\">\n <img decoding=\"async\" src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/superhoodgall3.png\" alt=\"SUPERHOOD gallery 3\" loading=\"lazy\" onerror=\"this.parentNode.style.background='rgba(42,254,255,0.12)'; this.parentNode.style.minHeight='180px'; this.style.display='none';\">\n <div class=\"gallery-item-overlay\"><\/div>\n <\/div>\n <div class=\"gallery-item reveal d3\">\n <img decoding=\"async\" src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/superhoodgall4.png\" alt=\"SUPERHOOD gallery 4\" loading=\"lazy\" onerror=\"this.parentNode.style.background='rgba(255,164,0,0.08)'; this.parentNode.style.minHeight='220px'; this.style.display='none';\">\n <div class=\"gallery-item-overlay\"><\/div>\n <\/div>\n <div class=\"gallery-item reveal d2\">\n <img decoding=\"async\" src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/superhoodgall5.png\" alt=\"SUPERHOOD gallery 5\" loading=\"lazy\" onerror=\"this.parentNode.style.background='rgba(42,254,255,0.1)'; this.parentNode.style.minHeight='200px'; this.style.display='none';\">\n <div class=\"gallery-item-overlay\"><\/div>\n <\/div>\n <div class=\"gallery-item reveal d4\">\n <img decoding=\"async\" src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/superhoodgall6.png\" alt=\"SUPERHOOD gallery 6\" loading=\"lazy\" onerror=\"this.parentNode.style.background='rgba(255,164,0,0.1)'; this.parentNode.style.minHeight='240px'; this.style.display='none';\">\n <div class=\"gallery-item-overlay\"><\/div>\n <\/div>\n <div class=\"gallery-item reveal d3\">\n <img decoding=\"async\" src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/superhoodgall7.png\" alt=\"SUPERHOOD gallery 7\" loading=\"lazy\" onerror=\"this.parentNode.style.background='rgba(42,254,255,0.08)'; this.parentNode.style.minHeight='190px'; this.style.display='none';\">\n <div class=\"gallery-item-overlay\"><\/div>\n <\/div>\n <div class=\"gallery-item reveal d5\">\n <img decoding=\"async\" src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/superhoodgall8.png\" alt=\"SUPERHOOD gallery 8\" loading=\"lazy\" onerror=\"this.parentNode.style.background='rgba(255,164,0,0.12)'; this.parentNode.style.minHeight='210px'; this.style.display='none';\">\n <div class=\"gallery-item-overlay\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"gallery-cta reveal d4\">\n <a href=\"#\" class=\"btn-gallery-cta\">BUY $SUPERHOOD NOW<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <a href=\"#hero\" class=\"footer-logo\">\n <img decoding=\"async\" src=\"http:\/\/superhood.online\/wp-content\/uploads\/2026\/07\/logo.png\" alt=\"SUPERHOOD\" onerror=\"this.style.display='none'\">\n <span class=\"footer-logo-text\">SUPERHOOD<\/span>\n <\/a>\n <div class=\"footer-copy\">\u00a9 2026 SUPERHOOD. All rights reserved. Not financial advice.<\/div>\n <div class=\"footer-links\">\n <a href=\"#about\">about<\/a>\n <a href=\"#features\">features<\/a>\n <a href=\"#community\">community<\/a>\n <a href=\"#gallery\">gallery<\/a>\n <\/div>\n<\/footer>\n\n<script>\n \/\/ \u2500\u2500\u2500 Scroll reveal\n const revealEls = document.querySelectorAll('.reveal, .reveal-left, .reveal-right');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(e => {\n if (e.isIntersecting) {\n e.target.classList.add('visible');\n observer.unobserve(e.target);\n }\n });\n }, { threshold: 0.12 });\n revealEls.forEach(el => observer.observe(el));\n\n \/\/ \u2500\u2500\u2500 Smooth active nav on scroll\n const sections = document.querySelectorAll('section[id]');\n const navLinks = document.querySelectorAll('.nav-links a');\n window.addEventListener('scroll', () => {\n let current = '';\n sections.forEach(s => {\n if (window.scrollY >= s.offsetTop - 120) current = s.id;\n });\n navLinks.forEach(a => {\n a.style.opacity = a.getAttribute('href') === '#' + current ? '0.5' : '1';\n });\n });\n\n \/\/ \u2500\u2500\u2500 Ticker duplication for seamless loop\n const track = document.getElementById('ticker');\n track.innerHTML += track.innerHTML;\n\n \/\/ \u2500\u2500\u2500 Parallax glow on mouse move (hero)\n document.addEventListener('mousemove', (e) => {\n const { clientX: x, clientY: y } = e;\n const cx = window.innerWidth \/ 2;\n const cy = window.innerHeight \/ 2;\n const dx = (x - cx) \/ cx;\n const dy = (y - cy) \/ cy;\n const heroBg = document.querySelector('.hero-bg');\n if (heroBg) {\n heroBg.style.transform = `translate(${dx * 12}px, ${dy * 8}px) scale(1.02)`;\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>SUPERHOOD \u2014 $SUPERHOOD about features community gallery how to buy THE FUTURE IS SUPER HOOD. the boldest meme in the crypto space \u00b7 $superhood x \/ twitter telegram BUY $SUPERHOOD $SUPERHOOD \ud83d\ude80 TO THE MOON \u2605 COMMUNITY FIRST $SUPERHOOD \u26a1 DEFI REIMAGINED \u2605 JOIN THE HOOD $SUPERHOOD \ud83d\ude80 TO THE MOON \u2605 COMMUNITY FIRST $SUPERHOOD […]<\/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:\/\/superhood.online\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/superhood.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/superhood.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/superhood.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/superhood.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":46,"href":"https:\/\/superhood.online\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":77,"href":"https:\/\/superhood.online\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/77"}],"wp:attachment":[{"href":"https:\/\/superhood.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}