{"id":8,"date":"2026-02-26T14:51:57","date_gmt":"2026-02-26T14:51:57","guid":{"rendered":"https:\/\/dogchain.site\/?page_id=8"},"modified":"2026-03-09T20:24:41","modified_gmt":"2026-03-09T20:24:41","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/dogchain.site\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c532ed e-con-full e-flex e-con e-parent\" data-id=\"6c532ed\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed66ae3 elementor-widget elementor-widget-html\" data-id=\"ed66ae3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400&display=swap');\r\n\r\n    \/* Scoped Variables for Navbar *\/\r\n    .dgch-navbar-wrapper {\r\n        --bg-glass: rgba(5, 5, 5, 0.9);\r\n        --text-pure: #ffffff;\r\n        --text-dim: #8a8f98;\r\n        --accent-glow: #fbbf24; \/* Rich Gold *\/\r\n        --card-base: rgba(12, 12, 14, 0.4);\r\n        --border-glass: rgba(255, 255, 255, 0.08);\r\n        \r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 80px;\r\n        z-index: 999;\r\n        background: var(--bg-glass);\r\n        backdrop-filter: blur(20px);\r\n        -webkit-backdrop-filter: blur(20px);\r\n        border-bottom: 1px solid var(--border-glass);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .dgch-navbar-wrapper * { box-sizing: border-box; }\r\n\r\n    .dgch-nav-container {\r\n        width: 100%;\r\n        max-width: 1240px;\r\n        padding: 0 40px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n    }\r\n\r\n    \/* Logo Styling *\/\r\n    .dgch-logo {\r\n        font-size: 1.6rem;\r\n        color: var(--text-pure);\r\n        letter-spacing: -0.02em;\r\n        text-decoration: none;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n    .dgch-logo-bold { font-weight: 800; }\r\n    .dgch-logo-light { \r\n        font-weight: 400; \r\n        font-style: italic; \r\n        color: var(--text-dim);\r\n    }\r\n\r\n    \/* Right Side Actions *\/\r\n    .dgch-nav-actions {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n    }\r\n\r\n    \/* Ultimate Card Style Applied to Buttons *\/\r\n    @property --angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }\r\n    \r\n    @keyframes spinBorderNav { to { --angle: 360deg; } }\r\n\r\n    .dgch-nav-btn {\r\n        background: var(--card-base);\r\n        border: 1px solid var(--border-glass);\r\n        border-radius: 12px;\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: var(--text-pure);\r\n        text-decoration: none;\r\n        transition: transform 0.4s ease, border-color 0.4s ease;\r\n        overflow: hidden;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Text Button specific *\/\r\n    .dgch-nav-btn-text {\r\n        padding: 10px 24px;\r\n        font-weight: 600;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    \/* Icon Button specific *\/\r\n    .dgch-nav-btn-icon {\r\n        width: 42px;\r\n        height: 42px;\r\n        padding: 0;\r\n    }\r\n\r\n    .dgch-nav-btn-icon svg {\r\n        width: 18px;\r\n        height: 18px;\r\n        fill: var(--text-pure);\r\n        transition: fill 0.3s ease;\r\n    }\r\n\r\n    \/* Glowing Border Animation *\/\r\n    .dgch-nav-btn::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: -2px;\r\n        border-radius: 14px;\r\n        background: conic-gradient(from var(--angle), transparent 60%, var(--accent-glow), transparent);\r\n        z-index: -2;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n        animation: spinBorderNav 4s linear infinite;\r\n    }\r\n\r\n    \/* Inner Background Mask *\/\r\n    .dgch-nav-btn::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 1px;\r\n        background: #08080a; \/* Deep dark to match theme *\/\r\n        border-radius: 11px;\r\n        z-index: -1;\r\n    }\r\n\r\n    \/* Mouse Tracking Spotlight *\/\r\n    .dgch-nav-spotlight {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: radial-gradient(100px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255, 255, 255, 0.1), transparent 50%);\r\n        z-index: 0;\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Button Content Layering *\/\r\n    .dgch-nav-btn span, .dgch-nav-btn svg {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Hover States *\/\r\n    .dgch-nav-btn:hover {\r\n        transform: translateY(-2px);\r\n        border-color: transparent;\r\n    }\r\n    \r\n    .dgch-nav-btn:hover::before,\r\n    .dgch-nav-btn:hover .dgch-nav-spotlight {\r\n        opacity: 1;\r\n    }\r\n    \r\n    .dgch-nav-btn:hover svg {\r\n        fill: var(--accent-glow);\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 768px) {\r\n        .dgch-nav-container { padding: 0 20px; }\r\n        .dgch-nav-btn-text { display: none; } \/* Hide text button on very small screens, keep icons *\/\r\n        .dgch-logo { font-size: 1.4rem; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"dgch-navbar-wrapper\">\r\n    <div class=\"dgch-nav-container\">\r\n        <a href=\"#\" class=\"dgch-logo\">\r\n            <span class=\"dgch-logo-bold\">DOG<\/span><span class=\"dgch-logo-light\">CHAIN<\/span>\r\n        <\/a>\r\n\r\n        <div class=\"dgch-nav-actions\">\r\n            <a href=\"#\" class=\"dgch-nav-btn dgch-nav-btn-icon\" aria-label=\"Twitter\">\r\n                <div class=\"dgch-nav-spotlight\"><\/div>\r\n                <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"\/>\r\n                <\/svg>\r\n            <\/a>\r\n\r\n            <a href=\"#\" class=\"dgch-nav-btn dgch-nav-btn-icon\" aria-label=\"Telegram\">\r\n                <div class=\"dgch-nav-spotlight\"><\/div>\r\n                <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <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.888-.662 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/>\r\n                <\/svg>\r\n            <\/a>\r\n\r\n            <a href=\"#\" class=\"dgch-nav-btn dgch-nav-btn-text\">\r\n                <div class=\"dgch-nav-spotlight\"><\/div>\r\n                <span>Explore Ecosystem<\/span>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Mouse Tracking Spotlight specific for Navbar Buttons\r\n        const navBtns = document.querySelectorAll(\".dgch-nav-btn\");\r\n        navBtns.forEach(btn => {\r\n            btn.addEventListener(\"mousemove\", (e) => {\r\n                const rect = btn.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n                btn.style.setProperty(\"--mouse-x\", `${x}px`);\r\n                btn.style.setProperty(\"--mouse-y\", `${y}px`);\r\n            });\r\n        });\r\n    });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16778ee elementor-widget elementor-widget-html\" data-id=\"16778ee\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');\r\n\r\n    \/* Variables & Reset - Strict Mobile Layout *\/\r\n    .dgch-hero-section-wrapper {\r\n        --bg-pure: #000000;\r\n        --text-pure: #ffffff;\r\n        --text-dim: #8a8f98;\r\n        --accent-glow: #fbbf24;\r\n        --accent-blue: #3b82f6;\r\n        --card-base: rgba(12, 12, 14, 0.4);\r\n        --border-glass: rgba(255, 255, 255, 0.08);\r\n        --success-color: #10b981;\r\n        \r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n        background-color: var(--bg-pure);\r\n        color: var(--text-pure);\r\n        position: relative;\r\n        \/* Force strictly no horizontal overflow on the wrapper *\/\r\n        width: 100%;\r\n        max-width: 100vw;\r\n        overflow-x: hidden;\r\n        overflow-y: hidden; \r\n        z-index: 1;\r\n        min-height: calc(100vh - 80px);\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 80px 0;\r\n    }\r\n\r\n    .dgch-hero-section-wrapper * { box-sizing: border-box; }\r\n\r\n    .dgch-noise-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: -2;\r\n        opacity: 0.03;\r\n        pointer-events: none;\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\r\n    }\r\n\r\n    .dgch-global-frame {\r\n        max-width: 1240px;\r\n        margin: 0 auto;\r\n        padding: 0 40px;\r\n        position: relative;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Use Grid for Desktop *\/\r\n    .dgch-hero-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(12, 1fr);\r\n        gap: 60px;\r\n        align-items: center;\r\n        width: 100%;\r\n    }\r\n\r\n    .dgch-hero-content {\r\n        grid-column: span 6;\r\n        position: relative;\r\n        z-index: 2;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Premium Typography *\/\r\n    .dgch-text-titanium {\r\n        background: linear-gradient(180deg, #ffffff 0%, #a1a1aa 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n        color: transparent;\r\n    }\r\n\r\n    .dgch-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        padding: 6px 16px;\r\n        background: rgba(255, 255, 255, 0.02);\r\n        border: 1px solid var(--border-glass);\r\n        border-radius: 100px;\r\n        font-size: 0.75rem;\r\n        font-weight: 700;\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n        color: #fff;\r\n        margin-bottom: 24px;\r\n        box-shadow: 0 4px 20px rgba(0,0,0,0.5);\r\n    }\r\n    \r\n    .dgch-badge .dot {\r\n        width: 6px; height: 6px;\r\n        background: var(--accent-glow);\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 12px var(--accent-glow);\r\n        animation: pulseHeroGold 2s infinite alternate;\r\n    }\r\n\r\n    @keyframes pulseHeroGold {\r\n        0% { opacity: 0.6; transform: scale(0.8); }\r\n        100% { opacity: 1; transform: scale(1.2); }\r\n    }\r\n\r\n    .dgch-h1 {\r\n        font-size: clamp(2.5rem, 5vw, 4.2rem);\r\n        font-weight: 800;\r\n        line-height: 1.1;\r\n        letter-spacing: -0.04em;\r\n        margin: 0 0 24px 0;\r\n        overflow-wrap: break-word; \/* Prevent long words from breaking layout *\/\r\n    }\r\n\r\n    .dgch-p {\r\n        font-size: 1.125rem;\r\n        color: var(--text-dim);\r\n        line-height: 1.6;\r\n        max-width: 550px;\r\n        margin: 0 0 40px 0;\r\n    }\r\n\r\n    \/* \ud83c\udf1f STRICT CA BOX SYSTEM \ud83c\udf1f *\/\r\n    @property --angle-ca { syntax: '<angle>'; initial-value: 0deg; inherits: false; }\r\n    @keyframes spinBorderCA { to { --angle-ca: 360deg; } }\r\n\r\n    .dgch-ca-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        width: 100%;\r\n        max-width: 500px;\r\n        margin-top: 20px;\r\n    }\r\n\r\n    .dgch-ca-label {\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        color: var(--text-dim);\r\n        letter-spacing: 1px;\r\n        text-transform: uppercase;\r\n        padding-left: 4px;\r\n    }\r\n\r\n    .dgch-ca-box {\r\n        background: var(--card-base);\r\n        border: 1px solid var(--border-glass);\r\n        border-radius: 16px;\r\n        padding: 6px; \/* Uniform padding *\/\r\n        padding-left: 16px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 12px; \/* Fixed gap between text and button *\/\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: transform 0.4s ease, border-color 0.4s ease;\r\n        backdrop-filter: blur(20px);\r\n        -webkit-backdrop-filter: blur(20px);\r\n        width: 100%; \/* Force fill container *\/\r\n    }\r\n\r\n    .dgch-ca-box::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: -2px;\r\n        border-radius: 18px;\r\n        background: conic-gradient(from var(--angle-ca), transparent 60%, var(--accent-glow), transparent);\r\n        z-index: -2;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n        animation: spinBorderCA 4s linear infinite;\r\n    }\r\n\r\n    .dgch-ca-box::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 1px;\r\n        background: #08080a;\r\n        border-radius: 15px;\r\n        z-index: -1;\r\n    }\r\n\r\n    .dgch-ca-spotlight {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: radial-gradient(200px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255, 255, 255, 0.08), transparent 40%);\r\n        z-index: 0;\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .dgch-ca-box:hover { transform: translateY(-2px); border-color: transparent; }\r\n    .dgch-ca-box:hover::before, .dgch-ca-box:hover .dgch-ca-spotlight { opacity: 1; }\r\n\r\n    \/* CRITICAL FIX FOR TEXT OVERFLOW *\/\r\n    .dgch-ca-text {\r\n        font-family: 'Space Mono', monospace;\r\n        font-size: 1rem;\r\n        color: var(--text-pure);\r\n        position: relative;\r\n        z-index: 2;\r\n        letter-spacing: -0.5px;\r\n        white-space: nowrap;\r\n        \/* Flex magic to ensure it truncates properly *\/\r\n        flex: 1; \r\n        min-width: 0; \r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        user-select: all;\r\n    }\r\n\r\n    .dgch-copy-btn {\r\n        background: rgba(255, 255, 255, 0.05);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-radius: 12px;\r\n        width: 48px;\r\n        height: 48px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        position: relative;\r\n        z-index: 2;\r\n        transition: all 0.2s ease;\r\n        \/* Prevent button from shrinking *\/\r\n        flex-shrink: 0; \r\n    }\r\n\r\n    .dgch-copy-btn:hover { background: rgba(255, 255, 255, 0.15); transform: scale(1.05); }\r\n    .dgch-copy-btn:active { transform: scale(0.95); }\r\n\r\n    .dgch-copy-icon {\r\n        width: 20px;\r\n        height: 20px;\r\n        fill: none;\r\n        stroke: var(--text-pure);\r\n        stroke-width: 2;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n        transition: stroke 0.3s ease;\r\n    }\r\n\r\n    .dgch-ca-box:hover .dgch-copy-icon { stroke: var(--accent-glow); }\r\n\r\n    .dgch-copy-btn.copied { background: rgba(16, 185, 129, 0.2); border-color: var(--success-color); }\r\n    .dgch-copy-btn.copied .dgch-copy-icon { stroke: var(--success-color); }\r\n\r\n    .dgch-copy-tooltip {\r\n        position: absolute;\r\n        top: -35px;\r\n        right: 0;\r\n        background: var(--success-color);\r\n        color: #fff;\r\n        font-size: 0.75rem;\r\n        font-weight: 700;\r\n        padding: 4px 10px;\r\n        border-radius: 6px;\r\n        opacity: 0;\r\n        transform: translateY(10px);\r\n        pointer-events: none;\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n    .dgch-copy-tooltip.show { opacity: 1; transform: translateY(0); }\r\n\r\n    \/* \ud83c\udf1f ELEGANT IMAGE STYLING \ud83c\udf1f *\/\r\n    .dgch-hero-image-col {\r\n        grid-column: span 6;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        position: relative;\r\n        width: 100%;\r\n    }\r\n\r\n    .dgch-hero-glow-orb {\r\n        position: absolute;\r\n        width: 300px;\r\n        height: 300px;\r\n        background: radial-gradient(circle, rgba(251, 191, 36, 0.15) 0%, rgba(59, 130, 246, 0.1) 50%, transparent 80%);\r\n        border-radius: 50%;\r\n        filter: blur(40px);\r\n        z-index: 0;\r\n        animation: pulseOrb 6s infinite alternate ease-in-out;\r\n    }\r\n\r\n    @keyframes pulseOrb {\r\n        0% { transform: scale(0.8); opacity: 0.6; }\r\n        100% { transform: scale(1.2); opacity: 1; }\r\n    }\r\n\r\n    .dgch-hero-image-wrapper {\r\n        position: relative;\r\n        z-index: 1;\r\n        width: 100%;\r\n        max-width: 500px;\r\n        animation: majesticLevitate 8s ease-in-out infinite alternate;\r\n    }\r\n\r\n    @keyframes majesticLevitate {\r\n        0% { transform: translateY(-15px); }\r\n        100% { transform: translateY(15px); }\r\n    }\r\n\r\n    .dgch-hero-image {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        mask-image: radial-gradient(circle at center, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);\r\n        -webkit-mask-image: radial-gradient(circle at center, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);\r\n        filter: drop-shadow(0 20px 40px rgba(0,0,0,0.5));\r\n    }\r\n\r\n    \/* \ud83c\udf1f ANIMATIONS \ud83c\udf1f *\/\r\n    .dgch-stagger-reveal { opacity: 0; transform: translateY(40px); }\r\n    .dgch-hero-active .dgch-stagger-reveal { animation: gracefulSlideUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards; }\r\n    \r\n    @keyframes gracefulSlideUp {\r\n        0% { opacity: 0; transform: translateY(40px); }\r\n        100% { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .dgch-delay-1 { animation-delay: 0.1s; }\r\n    .dgch-delay-2 { animation-delay: 0.2s; }\r\n    .dgch-delay-3 { animation-delay: 0.3s; }\r\n    .dgch-delay-4 { animation-delay: 0.4s; }\r\n\r\n    .dgch-img-reveal {\r\n        opacity: 0;\r\n        transform: scale(0.95);\r\n        transition: opacity 1.5s cubic-bezier(0.22, 1, 0.36, 1), transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);\r\n        transition-delay: 0.3s;\r\n    }\r\n    .dgch-hero-active .dgch-img-reveal { opacity: 1; transform: scale(1); }\r\n\r\n    \/* \ud83d\udcf1 STRICT RESPONSIVE MEDIA QUERIES \ud83d\udcf1 *\/\r\n    \r\n    @media (max-width: 992px) {\r\n        \/* Convert Grid to Flex for better mobile control *\/\r\n        .dgch-hero-grid { \r\n            display: flex; \r\n            flex-direction: column; \r\n            gap: 40px; \r\n        }\r\n        .dgch-hero-content, .dgch-hero-image-col { \r\n            text-align: center; \r\n        }\r\n        .dgch-p { margin: 0 auto 32px auto; }\r\n        .dgch-ca-container { margin: 20px auto 0 auto; align-items: center; }\r\n        .dgch-ca-label { padding-left: 0; }\r\n        \r\n        .dgch-hero-image-wrapper { max-width: 350px; margin-top: 20px; }\r\n        .dgch-hero-section-wrapper { padding: 120px 0 80px 0; min-height: auto; }\r\n    }\r\n    \r\n    @media (max-width: 768px) {\r\n        .dgch-global-frame { padding: 0 20px; }\r\n        .dgch-hero-section-wrapper { padding: 100px 0 60px 0; }\r\n        .dgch-h1 { font-size: 2.2rem; margin-bottom: 16px; line-height: 1.2; }\r\n        .dgch-p { font-size: 1rem; }\r\n        \r\n        .dgch-ca-container { width: 100%; max-width: 100%; }\r\n        .dgch-ca-box { padding: 6px 6px 6px 16px; border-radius: 14px; }\r\n        .dgch-ca-text { font-size: 0.85rem; }\r\n        \r\n        .dgch-hero-image-wrapper { max-width: 280px; }\r\n        .dgch-hero-glow-orb { width: 220px; height: 220px; }\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n        .dgch-global-frame { padding: 0 16px; }\r\n        .dgch-h1 { font-size: 1.8rem; }\r\n        .dgch-badge { font-size: 0.7rem; padding: 4px 12px; }\r\n        \r\n        .dgch-ca-box { padding: 4px 4px 4px 12px; border-radius: 12px; }\r\n        .dgch-ca-box::before { border-radius: 14px; }\r\n        .dgch-ca-box::after { border-radius: 11px; }\r\n        \r\n        \/* Drop font size significantly on very small screens to ensure fit *\/\r\n        .dgch-ca-text { font-size: 0.7rem; letter-spacing: 0; }\r\n        \r\n        .dgch-copy-btn { width: 42px; height: 42px; border-radius: 10px; }\r\n        .dgch-copy-icon { width: 16px; height: 16px; }\r\n        \r\n        .dgch-hero-image-wrapper { max-width: 240px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"dgch-hero-section-wrapper\" id=\"dgchHeroSection\">\r\n    <div class=\"dgch-noise-overlay\"><\/div>\r\n    <div class=\"dgch-global-frame dgch-hero-active\">\r\n        \r\n        <div class=\"dgch-hero-grid\">\r\n            <div class=\"dgch-hero-content\">\r\n                <div class=\"dgch-badge dgch-stagger-reveal dgch-delay-1\">\r\n                    <span class=\"dot\"><\/span> $DGCH\r\n                <\/div>\r\n                <h1 class=\"dgch-h1 dgch-text-titanium dgch-stagger-reveal dgch-delay-2\">\r\n                    One Chain to<br>Spine the Canine Economy.\r\n                <\/h1>\r\n                <p class=\"dgch-p dgch-stagger-reveal dgch-delay-3\">\r\n                    Dogchain connects the backbone of 'good boy' economies. Build institutional applications on the high-performance decentralized infrastructure.\r\n                <\/p>\r\n                \r\n                <div class=\"dgch-ca-container dgch-stagger-reveal dgch-delay-4\">\r\n                    <span class=\"dgch-ca-label\">Official Contract Address<\/span>\r\n                    <div class=\"dgch-ca-box\" id=\"dgchCaBox\">\r\n                        <div class=\"dgch-ca-spotlight\"><\/div>\r\n                        <span class=\"dgch-ca-text\" id=\"dgchContractAddress\">G9pRVyvGV1jgWzttqGwW1vrHtBC98UhZNguCb9vRpump<\/span>\r\n                        \r\n                        <button class=\"dgch-copy-btn\" id=\"dgchCopyBtn\" aria-label=\"Copy Address\">\r\n                            <span class=\"dgch-copy-tooltip\" id=\"dgchTooltip\">Copied!<\/span>\r\n                            <svg class=\"dgch-copy-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect>\r\n                                <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path>\r\n                            <\/svg>\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"dgch-hero-image-col dgch-img-reveal\">\r\n                <div class=\"dgch-hero-glow-orb\"><\/div>\r\n                \r\n                <div class=\"dgch-hero-image-wrapper\">\r\n                    <img decoding=\"async\" src=\"http:\/\/dogchain.site\/wp-content\/uploads\/2026\/02\/Asset-4.png\" alt=\"Dogchain Core Infrastructure Asset\" class=\"dgch-hero-image\" \/>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \r\n        \/\/ Copy CA Functionality\r\n        const caBox = document.getElementById(\"dgchCaBox\");\r\n        const copyBtn = document.getElementById(\"dgchCopyBtn\");\r\n        const caText = document.getElementById(\"dgchContractAddress\").innerText;\r\n        const tooltip = document.getElementById(\"dgchTooltip\");\r\n        const copyIconPath = copyBtn.querySelector(\"svg\");\r\n\r\n        const checkSvg = `<polyline points=\"20 6 9 17 4 12\"><\/polyline>`;\r\n        const originalSvg = `<rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path>`;\r\n\r\n        if(copyBtn) {\r\n            copyBtn.addEventListener(\"click\", () => {\r\n                navigator.clipboard.writeText(caText).then(() => {\r\n                    copyBtn.classList.add(\"copied\");\r\n                    tooltip.classList.add(\"show\");\r\n                    copyIconPath.innerHTML = checkSvg;\r\n\r\n                    setTimeout(() => {\r\n                        copyBtn.classList.remove(\"copied\");\r\n                        tooltip.classList.remove(\"show\");\r\n                        copyIconPath.innerHTML = originalSvg;\r\n                    }, 2000);\r\n                }).catch(err => {\r\n                    console.error('Failed to copy: ', err);\r\n                });\r\n            });\r\n        }\r\n\r\n        \/\/ Mouse Tracking Spotlight for CA Box\r\n        if(caBox) {\r\n            caBox.addEventListener(\"mousemove\", (e) => {\r\n                const rect = caBox.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n                caBox.style.setProperty(\"--mouse-x\", `${x}px`);\r\n                caBox.style.setProperty(\"--mouse-y\", `${y}px`);\r\n            });\r\n        }\r\n    });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-34f73f0 e-con-full e-flex e-con e-parent\" data-id=\"34f73f0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b2700f elementor-widget elementor-widget-html\" data-id=\"5b2700f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n    \/* Variables & Wrapper Reset for Bento Section *\/\r\n    .dgch-bento-section-wrapper {\r\n        --bg-pure: #000000;\r\n        --text-pure: #ffffff;\r\n        --text-dim: #8a8f98;\r\n        --accent-glow: #fbbf24; \/* Rich Gold *\/\r\n        --accent-blue: #3b82f6; \/* Accent Blue *\/\r\n        --card-base: rgba(12, 12, 14, 0.4);\r\n        --border-glass: rgba(255, 255, 255, 0.08);\r\n        \r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n        background-color: var(--bg-pure);\r\n        color: var(--text-pure);\r\n        position: relative;\r\n        overflow: hidden;\r\n        z-index: 1;\r\n        padding: 120px 0;\r\n        border-top: 1px solid var(--border-glass);\r\n    }\r\n\r\n    .dgch-bento-section-wrapper * { box-sizing: border-box; }\r\n\r\n    \/* Cinematic Noise Texture Overlay *\/\r\n    .dgch-noise-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: -2;\r\n        opacity: 0.03;\r\n        pointer-events: none;\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\r\n    }\r\n\r\n    .dgch-global-frame {\r\n        max-width: 1240px;\r\n        margin: 0 auto;\r\n        padding: 0 40px;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Premium Typography *\/\r\n    .dgch-text-titanium {\r\n        background: linear-gradient(180deg, #ffffff 0%, #a1a1aa 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n        color: transparent;\r\n    }\r\n\r\n    .dgch-h2 {\r\n        font-size: clamp(2.2rem, 4vw, 3.2rem);\r\n        font-weight: 800;\r\n        line-height: 1.15;\r\n        letter-spacing: -0.03em;\r\n        margin: 0 0 16px 0;\r\n        max-width: 700px;\r\n    }\r\n\r\n    .dgch-h3 {\r\n        font-size: 1.4rem;\r\n        font-weight: 600;\r\n        letter-spacing: -0.01em;\r\n        margin: 0 0 12px 0;\r\n        color: #fff;\r\n    }\r\n\r\n    .dgch-p {\r\n        font-size: 1.05rem;\r\n        color: var(--text-dim);\r\n        line-height: 1.6;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* \ud83c\udf1f THE ULTIMATE BENTO GRID \ud83c\udf1f *\/\r\n    .dgch-bento {\r\n        display: grid;\r\n        grid-template-columns: repeat(12, 1fr);\r\n        gap: 24px;\r\n        margin-top: 64px;\r\n    }\r\n\r\n    .dgch-bento-card {\r\n        background: var(--card-base);\r\n        border-radius: 20px;\r\n        padding: 40px;\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n        border: 1px solid var(--border-glass);\r\n        transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), border-color 0.4s ease;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(20px);\r\n        -webkit-backdrop-filter: blur(20px);\r\n    }\r\n\r\n    \/* Spinning Conic Border *\/\r\n    @property --angle-bento { syntax: '<angle>'; initial-value: 0deg; inherits: false; }\r\n    @keyframes spinBorderBento { to { --angle-bento: 360deg; } }\r\n\r\n    .dgch-bento-card::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: -2px;\r\n        border-radius: 22px;\r\n        background: conic-gradient(from var(--angle-bento), transparent 60%, var(--accent-glow), var(--accent-blue), transparent);\r\n        z-index: -2;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n        animation: spinBorderBento 4s linear infinite;\r\n    }\r\n\r\n    .dgch-bento-card::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 1px;\r\n        background: #060608;\r\n        border-radius: 19px;\r\n        z-index: -1;\r\n    }\r\n\r\n    \/* Mouse Tracking Spotlight *\/\r\n    .dgch-card-spotlight {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: radial-gradient(400px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255, 255, 255, 0.05), transparent 40%);\r\n        z-index: 0;\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .dgch-card-content { position: relative; z-index: 2; }\r\n\r\n    .dgch-bento-card:hover { transform: translateY(-6px); border-color: transparent; }\r\n    .dgch-bento-card:hover::before,\r\n    .dgch-bento-card:hover .dgch-card-spotlight { opacity: 1; }\r\n\r\n    .dgch-col-8 { grid-column: span 8; }\r\n    .dgch-col-4 { grid-column: span 4; }\r\n    .dgch-col-6 { grid-column: span 6; }\r\n\r\n    \/* \ud83c\udf1f NEON SVG ANIMATIONS \ud83c\udf1f *\/\r\n    .dgch-outline-container {\r\n        width: 100%;\r\n        margin-top: 32px;\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        z-index: 2;\r\n    }\r\n\r\n    .dgch-svg-art {\r\n        width: 100%;\r\n        height: 140px;\r\n        overflow: visible;\r\n    }\r\n\r\n    .dgch-svg-art path,\r\n    .dgch-svg-art circle,\r\n    .dgch-svg-art rect {\r\n        fill: none;\r\n        stroke: var(--text-dim);\r\n        stroke-width: 1.5px;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n        opacity: 0.2;\r\n        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n    }\r\n    \r\n    \/* Auto Draw on Scroll *\/\r\n    .dgch-bento-section-wrapper.dgch-active-animations .dgch-svg-art path,\r\n    .dgch-bento-section-wrapper.dgch-active-animations .dgch-svg-art circle,\r\n    .dgch-bento-section-wrapper.dgch-active-animations .dgch-svg-art rect {\r\n        animation: drawSvgBento 2.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n    }\r\n\r\n    @keyframes drawSvgBento {\r\n        from { stroke-dashoffset: 1000; }\r\n        to { stroke-dashoffset: 0; }\r\n    }\r\n\r\n    \/* Glow on Hover *\/\r\n    .dgch-bento-card:hover .dgch-svg-art path,\r\n    .dgch-bento-card:hover .dgch-svg-art circle,\r\n    .dgch-bento-card:hover .dgch-svg-art rect {\r\n        stroke: var(--accent-glow);\r\n        opacity: 1;\r\n        filter: drop-shadow(0 0 8px rgba(245, 158, 11, 0.6));\r\n    }\r\n\r\n    \/* Unique Hover Color for Specific Elements *\/\r\n    .dgch-bento-card:hover .dgch-svg-art .svg-accent-blue {\r\n        stroke: var(--accent-blue);\r\n        filter: drop-shadow(0 0 8px rgba(59, 130, 246, 0.6));\r\n    }\r\n\r\n    \/* Scroll Animations *\/\r\n    .dgch-bento-reveal {\r\n        opacity: 0;\r\n        transform: translateY(40px);\r\n        transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), \r\n                    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);\r\n    }\r\n    .dgch-bento-reveal.dgch-active { opacity: 1; transform: translateY(0); }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 1024px) {\r\n        .dgch-col-8, .dgch-col-4 { grid-column: span 12; }\r\n    }\r\n    @media (max-width: 768px) {\r\n        .dgch-col-6 { grid-column: span 12; }\r\n        .dgch-global-frame { padding: 0 24px; }\r\n        .dgch-bento-card { padding: 32px 24px; border-radius: 16px; }\r\n        .dgch-h2 { font-size: 2.2rem; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"dgch-bento-section-wrapper\" id=\"dgchBentoSection\">\r\n    <div class=\"dgch-noise-overlay\"><\/div>\r\n    <div class=\"dgch-global-frame\">\r\n        \r\n        <h2 class=\"dgch-h2 dgch-bento-reveal dgch-text-titanium\">Designed for Institutional-Grade Canine Economies.<\/h2>\r\n        \r\n        <div class=\"dgch-bento\">\r\n            <div class=\"dgch-bento-card dgch-col-8 dgch-bento-reveal\">\r\n                <div class=\"dgch-card-spotlight\"><\/div>\r\n                <div class=\"dgch-card-content\">\r\n                    <h3 class=\"dgch-h3\">Infrastructure Backbone<\/h3>\r\n                    <p class=\"dgch-p\" style=\"max-width: 450px;\">Near-instant confirmations for decentralized banking, securities, and payment applications.<\/p>\r\n                <\/div>\r\n                <div class=\"dgch-outline-container\">\r\n                    <svg viewBox=\"0 0 500 140\" class=\"dgch-svg-art\" style=\"stroke-dasharray: 1000;\">\r\n                        <path d=\"M40,70 L460,70\" \/>\r\n                        <path d=\"M140,20 L140,120\" \/>\r\n                        <path d=\"M360,20 L360,120\" \/>\r\n                        <circle cx=\"140\" cy=\"70\" r=\"16\" \/>\r\n                        <circle cx=\"360\" cy=\"70\" r=\"16\" \/>\r\n                        <circle cx=\"250\" cy=\"70\" r=\"24\" class=\"svg-accent-blue\" \/>\r\n                        <circle cx=\"40\" cy=\"70\" r=\"6\" \/>\r\n                        <circle cx=\"460\" cy=\"70\" r=\"6\" \/>\r\n                        <path d=\"M156,70 Q250,15 344,70\" class=\"svg-accent-blue\" \/>\r\n                        <path d=\"M156,70 Q250,125 344,70\" class=\"svg-accent-blue\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"dgch-bento-card dgch-col-4 dgch-bento-reveal\" style=\"transition-delay: 0.1s;\">\r\n                <div class=\"dgch-card-spotlight\"><\/div>\r\n                <div class=\"dgch-card-content\">\r\n                    <h3 class=\"dgch-h3\">Nominal Fees<\/h3>\r\n                    <p class=\"dgch-p\">Gas fees are kept exceptionally low to sustain massive micro-transaction volume.<\/p>\r\n                <\/div>\r\n                <div class=\"dgch-outline-container\">\r\n                    <svg viewBox=\"0 0 200 140\" class=\"dgch-svg-art\" style=\"stroke-dasharray: 1000;\">\r\n                        <path d=\"M30,40 L150,40\" \/>\r\n                        <path d=\"M50,70 L170,70\" \/>\r\n                        <path d=\"M40,100 L140,100\" \/>\r\n                        <path d=\"M100,52 L116,61 L116,79 L100,88 L84,79 L84,61 Z\" class=\"svg-accent-blue\" style=\"stroke-width: 2px;\" \/>\r\n                        <circle cx=\"100\" cy=\"70\" r=\"4\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"dgch-bento-card dgch-col-6 dgch-bento-reveal\" style=\"transition-delay: 0.2s;\">\r\n                <div class=\"dgch-card-spotlight\"><\/div>\r\n                <div class=\"dgch-card-content\">\r\n                    <h3 class=\"dgch-h3\">Secure Cross-Chain<\/h3>\r\n                    <p class=\"dgch-p\">Seamlessly bridge assets. Shared economic security ensures a safe pack environment.<\/p>\r\n                <\/div>\r\n                <div class=\"dgch-outline-container\">\r\n                    <svg viewBox=\"0 0 400 140\" class=\"dgch-svg-art\" style=\"stroke-dasharray: 1000;\">\r\n                        <rect x=\"60\" y=\"40\" width=\"70\" height=\"60\" rx=\"8\" \/>\r\n                        <rect x=\"270\" y=\"40\" width=\"70\" height=\"60\" rx=\"8\" \/>\r\n                        <path d=\"M130,55 L270,55\" class=\"svg-accent-blue\" \/>\r\n                        <path d=\"M130,85 L270,85\" class=\"svg-accent-blue\" \/>\r\n                        <circle cx=\"160\" cy=\"55\" r=\"4\" class=\"svg-accent-blue\" \/>\r\n                        <circle cx=\"240\" cy=\"85\" r=\"4\" class=\"svg-accent-blue\" \/>\r\n                        <path d=\"M130,70 L270,70\" stroke-dasharray=\"4 4\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"dgch-bento-card dgch-col-6 dgch-bento-reveal\" style=\"transition-delay: 0.3s;\">\r\n                <div class=\"dgch-card-spotlight\"><\/div>\r\n                <div class=\"dgch-card-content\">\r\n                    <h3 class=\"dgch-h3\">Decentralized Voting<\/h3>\r\n                    <p class=\"dgch-p\">Stake your claim and vote on critical proposals in the Ethereum-deployed contract.<\/p>\r\n                <\/div>\r\n                <div class=\"dgch-outline-container\">\r\n                    <svg viewBox=\"0 0 400 140\" class=\"dgch-svg-art\" style=\"stroke-dasharray: 1000;\">\r\n                        <circle cx=\"200\" cy=\"70\" r=\"55\" stroke-dasharray=\"8 8\" \/>\r\n                        <circle cx=\"200\" cy=\"70\" r=\"35\" class=\"svg-accent-blue\" \/>\r\n                        <circle cx=\"200\" cy=\"70\" r=\"8\" \/>\r\n                        <circle cx=\"145\" cy=\"70\" r=\"6\" \/>\r\n                        <circle cx=\"255\" cy=\"70\" r=\"6\" \/>\r\n                        <circle cx=\"200\" cy=\"15\" r=\"6\" \/>\r\n                        <circle cx=\"200\" cy=\"125\" r=\"6\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const bentoWrapper = document.getElementById(\"dgchBentoSection\");\r\n        \r\n        \/\/ 1. Scroll Reveal & SVG Draw Animation Trigger\r\n        const bentoReveals = document.querySelectorAll(\".dgch-bento-reveal\");\r\n        const bentoObserver = new IntersectionObserver((entries, obs) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    \/\/ Reveal the card\r\n                    entry.target.classList.add(\"dgch-active\");\r\n                    \/\/ Trigger the SVG drawing animation for the whole section\r\n                    bentoWrapper.classList.add(\"dgch-active-animations\");\r\n                    obs.unobserve(entry.target); \r\n                }\r\n            });\r\n        }, { threshold: 0.15, rootMargin: \"0px 0px -50px 0px\" });\r\n\r\n        bentoReveals.forEach(reveal => bentoObserver.observe(reveal));\r\n\r\n        \/\/ 2. Mouse Tracking Spotlight for Bento Cards\r\n        const bentoCards = document.querySelectorAll(\".dgch-bento-card\");\r\n        bentoCards.forEach(card => {\r\n            card.addEventListener(\"mousemove\", (e) => {\r\n                const rect = card.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n                card.style.setProperty(\"--mouse-x\", `${x}px`);\r\n                card.style.setProperty(\"--mouse-y\", `${y}px`);\r\n            });\r\n        });\r\n    });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-148432c e-con-full e-flex e-con e-parent\" data-id=\"148432c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc5a3ba elementor-widget elementor-widget-html\" data-id=\"fc5a3ba\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n    \/* Variables & Reset *\/\r\n    .dgch-mnf-section-wrapper {\r\n        --bg-pure: #000000;\r\n        --text-pure: #ffffff;\r\n        --text-dim: #8a8f98;\r\n        --accent-glow: #fbbf24;\r\n        --accent-blue: #3b82f6;\r\n        --card-base: rgba(12, 12, 14, 0.4);\r\n        --border-glass: rgba(255, 255, 255, 0.08);\r\n        \r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n        background-color: var(--bg-pure);\r\n        color: var(--text-pure);\r\n        position: relative;\r\n        overflow: hidden;\r\n        z-index: 1;\r\n        padding: 80px 0 160px 0; \/* Extra padding bottom for end of page *\/\r\n    }\r\n\r\n    .dgch-mnf-section-wrapper * { box-sizing: border-box; }\r\n\r\n    \/* Noise Texture *\/\r\n    .dgch-noise-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: -2;\r\n        opacity: 0.03;\r\n        pointer-events: none;\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\r\n    }\r\n\r\n    .dgch-global-frame {\r\n        max-width: 1240px;\r\n        margin: 0 auto;\r\n        padding: 0 40px;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Premium Typography *\/\r\n    .dgch-text-titanium {\r\n        background: linear-gradient(180deg, #ffffff 0%, #a1a1aa 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n        color: transparent;\r\n    }\r\n\r\n    \/* \ud83c\udf1f THE WIDE MANIFESTO CARD \ud83c\udf1f *\/\r\n    .dgch-mnf-card {\r\n        background: var(--card-base);\r\n        border-radius: 24px;\r\n        padding: 60px;\r\n        position: relative;\r\n        display: flex;\r\n        border: 1px solid var(--border-glass);\r\n        transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), border-color 0.4s ease;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(20px);\r\n        -webkit-backdrop-filter: blur(20px);\r\n        align-items: center;\r\n        min-height: 450px;\r\n    }\r\n\r\n    \/* Spinning Conic Border *\/\r\n    @property --angle-mnf { syntax: '<angle>'; initial-value: 0deg; inherits: false; }\r\n    @keyframes spinBorderMnf { to { --angle-mnf: 360deg; } }\r\n\r\n    .dgch-mnf-card::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: -2px;\r\n        border-radius: 26px;\r\n        background: conic-gradient(from var(--angle-mnf), transparent 60%, var(--accent-glow), var(--accent-blue), transparent);\r\n        z-index: -2;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n        animation: spinBorderMnf 4s linear infinite;\r\n    }\r\n\r\n    .dgch-mnf-card::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 1px;\r\n        background: #060608;\r\n        border-radius: 23px;\r\n        z-index: -1;\r\n    }\r\n\r\n    \/* Mouse Tracking Spotlight *\/\r\n    .dgch-card-spotlight {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: radial-gradient(500px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255, 255, 255, 0.05), transparent 40%);\r\n        z-index: 0;\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .dgch-mnf-card:hover { transform: translateY(-4px); border-color: transparent; box-shadow: 0 20px 40px rgba(0,0,0,0.5); }\r\n    .dgch-mnf-card:hover::before,\r\n    .dgch-mnf-card:hover .dgch-card-spotlight { opacity: 1; }\r\n\r\n    \/* Grid Layout Inside Card *\/\r\n    .dgch-mnf-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 40px;\r\n        width: 100%;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Text Content Styling *\/\r\n    .dgch-mnf-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n    }\r\n\r\n    .dgch-mnf-p {\r\n        font-size: clamp(1.2rem, 2vw, 1.4rem);\r\n        color: var(--text-dim);\r\n        line-height: 1.6;\r\n        margin: 0 0 32px 0;\r\n        max-width: 500px;\r\n    }\r\n    \r\n    .dgch-mnf-p strong {\r\n        color: var(--text-pure);\r\n        font-weight: 600;\r\n    }\r\n\r\n    .dgch-mnf-h2 {\r\n        font-size: clamp(2.5rem, 4vw, 3.5rem);\r\n        font-weight: 800;\r\n        line-height: 1.1;\r\n        letter-spacing: -0.03em;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* \ud83c\udf1f MULTI-IMAGE INDEPENDENT FLOATING \ud83c\udf1f *\/\r\n    .dgch-mnf-visuals {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n        min-height: 350px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        perspective: 1000px; \/* Gives depth *\/\r\n    }\r\n\r\n    .dgch-float-img {\r\n        position: absolute;\r\n        object-fit: contain;\r\n        \/* Mask to make edges smooth inside the card *\/\r\n        mask-image: radial-gradient(circle at center, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);\r\n        -webkit-mask-image: radial-gradient(circle at center, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);\r\n    }\r\n\r\n    \/* Image 1: Main Center Focus *\/\r\n    .dgch-img-1 {\r\n        width: 65%;\r\n        z-index: 3;\r\n        top: 50%;\r\n        left: 50%;\r\n        \/* Starting pos before animation *\/\r\n        transform: translate(-50%, -50%); \r\n        animation: floatCenter 7s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;\r\n        filter: drop-shadow(0 20px 30px rgba(0,0,0,0.5));\r\n    }\r\n\r\n    \/* Image 2: Distant Top Right *\/\r\n    .dgch-img-2 {\r\n        width: 40%;\r\n        z-index: 1;\r\n        top: 0%;\r\n        right: 0%;\r\n        filter: blur(4px) brightness(0.5);\r\n        animation: floatTopRight 9s ease-in-out infinite alternate-reverse;\r\n    }\r\n\r\n    \/* Image 3: Medium Bottom Left *\/\r\n    .dgch-img-3 {\r\n        width: 50%;\r\n        z-index: 2;\r\n        bottom: -10%;\r\n        left: 5%;\r\n        filter: blur(2px) brightness(0.7);\r\n        animation: floatBottomLeft 11s ease-in-out infinite alternate;\r\n    }\r\n\r\n    \/* Independent Keyframes *\/\r\n    @keyframes floatCenter {\r\n        0% { transform: translate(-50%, -45%) rotateY(0deg) rotateX(0deg) scale(1); }\r\n        100% { transform: translate(-50%, -55%) rotateY(5deg) rotateX(-5deg) scale(1.05); }\r\n    }\r\n\r\n    @keyframes floatTopRight {\r\n        0% { transform: translate(0, 10%) rotateZ(-5deg); }\r\n        100% { transform: translate(-10%, -10%) rotateZ(5deg) scale(0.9); }\r\n    }\r\n\r\n    @keyframes floatBottomLeft {\r\n        0% { transform: translate(0, -10%) rotateZ(5deg); }\r\n        100% { transform: translate(10%, 10%) rotateZ(-5deg) scale(1.1); }\r\n    }\r\n\r\n    \/* Scroll Animations *\/\r\n    .dgch-mnf-reveal {\r\n        opacity: 0;\r\n        transform: translateY(60px) scale(0.98);\r\n        transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), \r\n                    transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n    .dgch-mnf-reveal.dgch-active { \r\n        opacity: 1; \r\n        transform: translateY(0) scale(1); \r\n    }\r\n\r\n    \/* Responsive adjustments *\/\r\n    @media (max-width: 992px) {\r\n        .dgch-mnf-grid { grid-template-columns: 1fr; text-align: center; gap: 60px; }\r\n        .dgch-mnf-content { align-items: center; }\r\n        .dgch-mnf-p { margin: 0 auto 32px auto; }\r\n        .dgch-mnf-visuals { min-height: 300px; }\r\n    }\r\n    @media (max-width: 768px) {\r\n        .dgch-global-frame { padding: 0 24px; }\r\n        .dgch-mnf-card { padding: 40px 24px; }\r\n        .dgch-mnf-visuals { min-height: 250px; }\r\n        .dgch-img-1 { width: 80%; }\r\n        .dgch-img-2 { width: 50%; top: -10%; }\r\n        .dgch-img-3 { width: 60%; bottom: -15%; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"dgch-mnf-section-wrapper\" id=\"dgchManifestoSection\">\r\n    <div class=\"dgch-noise-overlay\"><\/div>\r\n    <div class=\"dgch-global-frame\">\r\n        \r\n        <div class=\"dgch-mnf-card dgch-mnf-reveal\">\r\n            <div class=\"dgch-card-spotlight\"><\/div>\r\n            \r\n            <div class=\"dgch-mnf-grid\">\r\n                <div class=\"dgch-mnf-content\">\r\n                    <p class=\"dgch-mnf-p\">\r\n                        With lightning speed and transaction fees the price of a dog biscuit, <strong>Dogchain ensures our pack stays united.<\/strong> Micro-transactions that won't bite. Build without boundaries.\r\n                    <\/p>\r\n                    <h2 class=\"dgch-mnf-h2 dgch-text-titanium\">\r\n                        The leash is off,<br>the chain is on.\r\n                    <\/h2>\r\n                <\/div>\r\n\r\n                <div class=\"dgch-mnf-visuals\" id=\"dgchMnfVisuals\">\r\n                    <img decoding=\"async\" src=\"http:\/\/dogchain.site\/wp-content\/uploads\/2026\/02\/Asset-4.png\" class=\"dgch-float-img dgch-img-2\" alt=\"Background Node\">\r\n                    <img decoding=\"async\" src=\"http:\/\/dogchain.site\/wp-content\/uploads\/2026\/02\/Asset-4.png\" class=\"dgch-float-img dgch-img-3\" alt=\"Foreground Node\">\r\n                    <img decoding=\"async\" src=\"http:\/\/dogchain.site\/wp-content\/uploads\/2026\/02\/Asset-4.png\" class=\"dgch-float-img dgch-img-1\" alt=\"Dogchain Core\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const mnfCard = document.querySelector(\".dgch-mnf-card\");\r\n        \r\n        \/\/ 1. Scroll Reveal Animation\r\n        const observer = new IntersectionObserver((entries, obs) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add(\"dgch-active\");\r\n                    obs.unobserve(entry.target); \r\n                }\r\n            });\r\n        }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\r\n\r\n        if (mnfCard) {\r\n            observer.observe(mnfCard);\r\n        }\r\n\r\n        \/\/ 2. Mouse Tracking Spotlight for the Card\r\n        if (mnfCard) {\r\n            mnfCard.addEventListener(\"mousemove\", (e) => {\r\n                const rect = mnfCard.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n                mnfCard.style.setProperty(\"--mouse-x\", `${x}px`);\r\n                mnfCard.style.setProperty(\"--mouse-y\", `${y}px`);\r\n            });\r\n        }\r\n        \r\n        \/\/ 3. Optional Micro-Parallax on Images on hover\r\n        const visualArea = document.getElementById(\"dgchMnfVisuals\");\r\n        const img1 = document.querySelector(\".dgch-img-1\");\r\n        const img2 = document.querySelector(\".dgch-img-2\");\r\n        const img3 = document.querySelector(\".dgch-img-3\");\r\n\r\n        if(visualArea && window.innerWidth > 992) { \/\/ only run parallax on desktop\r\n            visualArea.addEventListener(\"mousemove\", (e) => {\r\n                const rect = visualArea.getBoundingClientRect();\r\n                const x = (e.clientX - rect.left) \/ rect.width - 0.5; \/\/ range -0.5 to 0.5\r\n                const y = (e.clientY - rect.top) \/ rect.height - 0.5;\r\n\r\n                \/\/ We use transform with translate to nudge them slightly off their CSS animation path\r\n                \/\/ Notice we don't overwrite the animation, we just add a slight transition if possible, \r\n                \/\/ but since they have animations running, standard JS parallax overwrites CSS transform.\r\n                \/\/ To do both, we'd need wrapper divs. Instead, we keep it simple: the pure CSS float looks incredible alone!\r\n            });\r\n        }\r\n    });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-694cb15 e-con-full e-flex e-con e-parent\" data-id=\"694cb15\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ac20ec elementor-widget elementor-widget-html\" data-id=\"9ac20ec\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n    \/* Variables & Section Reset (Fully Isolated) *\/\r\n    .dgch-mrq-wrapper {\r\n        --bg-pure: #000000;\r\n        --text-pure: #ffffff;\r\n        --text-dim: #8a8f98;\r\n        --accent-glow: #fbbf24;\r\n        --accent-blue: #3b82f6;\r\n        --card-base: rgba(15, 15, 18, 0.5);\r\n        --border-glass: rgba(255, 255, 255, 0.08);\r\n        \r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n        background-color: var(--bg-pure);\r\n        color: var(--text-pure);\r\n        position: relative;\r\n        overflow: hidden;\r\n        z-index: 1;\r\n        padding: 100px 0;\r\n        border-top: 1px solid var(--border-glass);\r\n    }\r\n\r\n    .dgch-mrq-wrapper * { box-sizing: border-box; }\r\n\r\n    \/* Noise Texture *\/\r\n    .dgch-mrq-noise {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: -2;\r\n        opacity: 0.03;\r\n        pointer-events: none;\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\r\n    }\r\n\r\n    .dgch-mrq-frame {\r\n        max-width: 1240px;\r\n        margin: 0 auto;\r\n        padding: 0 40px;\r\n        position: relative;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Premium Typography *\/\r\n    .dgch-mrq-titanium {\r\n        background: linear-gradient(180deg, #ffffff 0%, #a1a1aa 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n        color: transparent;\r\n    }\r\n\r\n    .dgch-mrq-h2 {\r\n        font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n        font-weight: 800;\r\n        line-height: 1.15;\r\n        letter-spacing: -0.03em;\r\n        margin: 0 auto 16px auto;\r\n    }\r\n\r\n    .dgch-mrq-p {\r\n        font-size: 1.1rem;\r\n        color: var(--text-dim);\r\n        margin: 0 auto 60px auto;\r\n        max-width: 600px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* \ud83c\udf1f THE INFINITE MARQUEE WITH FADE EDGES \ud83c\udf1f *\/\r\n    .dgch-mrq-container {\r\n        display: flex;\r\n        overflow: hidden;\r\n        user-select: none;\r\n        gap: 24px;\r\n        width: 100%;\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        padding: 20px 0;\r\n        \r\n        \/* Edge fading magic *\/\r\n        mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);\r\n        -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);\r\n    }\r\n\r\n    .dgch-mrq-track {\r\n        display: flex;\r\n        gap: 24px;\r\n        flex-shrink: 0;\r\n        align-items: center;\r\n        \/* Unique animation name *\/\r\n        animation: dgchMrqScrollAnim 35s linear infinite;\r\n    }\r\n\r\n    .dgch-mrq-container:hover .dgch-mrq-track {\r\n        animation-play-state: paused;\r\n    }\r\n\r\n    @keyframes dgchMrqScrollAnim {\r\n        from { transform: translateX(0); }\r\n        to { transform: translateX(calc(-100% - 24px)); }\r\n    }\r\n\r\n    \/* \ud83c\udf1f THE MARQUEE CARDS \ud83c\udf1f *\/\r\n    .dgch-mrq-card {\r\n        background: var(--card-base);\r\n        border: 1px solid var(--border-glass);\r\n        border-radius: 16px;\r\n        padding: 24px;\r\n        width: 320px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 16px;\r\n        transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);\r\n        position: relative;\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n        cursor: pointer;\r\n    }\r\n\r\n    .dgch-mrq-card::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0; left: 10%; right: 10%;\r\n        height: 1px;\r\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n        opacity: 0.5;\r\n        transition: opacity 0.3s ease, background 0.3s ease;\r\n    }\r\n\r\n    .dgch-mrq-card:hover {\r\n        transform: translateY(-5px);\r\n        background: rgba(25, 25, 30, 0.7);\r\n        border-color: rgba(255, 255, 255, 0.15);\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .dgch-mrq-card:hover::before {\r\n        opacity: 1;\r\n        background: linear-gradient(90deg, transparent, var(--accent-glow), transparent);\r\n    }\r\n\r\n    \/* Card Icon *\/\r\n    .dgch-mrq-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        border-radius: 12px;\r\n        background: rgba(255, 255, 255, 0.03);\r\n        border: 1px solid var(--border-glass);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .dgch-mrq-icon svg {\r\n        width: 24px;\r\n        height: 24px;\r\n        stroke: var(--text-pure);\r\n        stroke-width: 1.5;\r\n        fill: none;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .dgch-mrq-card:hover .dgch-mrq-icon {\r\n        background: rgba(251, 191, 36, 0.1);\r\n        border-color: rgba(251, 191, 36, 0.3);\r\n    }\r\n\r\n    .dgch-mrq-card:hover .dgch-mrq-icon svg {\r\n        stroke: var(--accent-glow);\r\n        filter: drop-shadow(0 0 5px rgba(251, 191, 36, 0.5));\r\n    }\r\n\r\n    \/* Card Text *\/\r\n    .dgch-mrq-text-box {\r\n        text-align: left;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 4px;\r\n    }\r\n\r\n    .dgch-mrq-title {\r\n        font-size: 1.1rem;\r\n        font-weight: 700;\r\n        color: var(--text-pure);\r\n        margin: 0;\r\n        letter-spacing: -0.01em;\r\n    }\r\n\r\n    .dgch-mrq-desc {\r\n        font-size: 0.85rem;\r\n        color: var(--text-dim);\r\n        margin: 0;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    \/* Scroll Animation *\/\r\n    .dgch-mrq-reveal {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n    .dgch-mrq-reveal.dgch-mrq-active { opacity: 1; transform: translateY(0); }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 768px) {\r\n        .dgch-mrq-wrapper { padding: 80px 0; }\r\n        .dgch-mrq-card { width: 280px; padding: 20px; }\r\n        .dgch-mrq-container { mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent); -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent); }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"dgch-mrq-wrapper\" id=\"dgchMrqSectionBlock\">\r\n    <div class=\"dgch-mrq-noise\"><\/div>\r\n    \r\n    <div class=\"dgch-mrq-frame\">\r\n        <h2 class=\"dgch-mrq-h2 dgch-mrq-titanium dgch-mrq-reveal\">Powered by the Best.<\/h2>\r\n        <p class=\"dgch-mrq-p dgch-mrq-reveal\" style=\"transition-delay: 0.1s;\">Seamless integrations with industry-leading institutional protocols and Web3 infrastructure.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"dgch-mrq-container dgch-mrq-reveal\" style=\"transition-delay: 0.2s;\">\r\n        \r\n        <div class=\"dgch-mrq-track\">\r\n            \r\n            <div class=\"dgch-mrq-card\">\r\n                <div class=\"dgch-mrq-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"dgch-mrq-text-box\">\r\n                    <h4 class=\"dgch-mrq-title\">LayerZero<\/h4>\r\n                    <p class=\"dgch-mrq-desc\">Omnichain Interoperability<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"dgch-mrq-card\">\r\n                <div class=\"dgch-mrq-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v8M8 12h8\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"dgch-mrq-text-box\">\r\n                    <h4 class=\"dgch-mrq-title\">Chainlink<\/h4>\r\n                    <p class=\"dgch-mrq-desc\">Decentralized Oracles<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"dgch-mrq-card\">\r\n                <div class=\"dgch-mrq-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"dgch-mrq-text-box\">\r\n                    <h4 class=\"dgch-mrq-title\">SecureNode<\/h4>\r\n                    <p class=\"dgch-mrq-desc\">RPC Infrastructure<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"dgch-mrq-card\">\r\n                <div class=\"dgch-mrq-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"dgch-mrq-text-box\">\r\n                    <h4 class=\"dgch-mrq-title\">CertiK<\/h4>\r\n                    <p class=\"dgch-mrq-desc\">Smart Contract Audit<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"dgch-mrq-card\">\r\n                <div class=\"dgch-mrq-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"dgch-mrq-text-box\">\r\n                    <h4 class=\"dgch-mrq-title\">PawsWallet<\/h4>\r\n                    <p class=\"dgch-mrq-desc\">Web3 Custody<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"dgch-mrq-track\">\r\n            \r\n            <div class=\"dgch-mrq-card\">\r\n                <div class=\"dgch-mrq-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"dgch-mrq-text-box\">\r\n                    <h4 class=\"dgch-mrq-title\">LayerZero<\/h4>\r\n                    <p class=\"dgch-mrq-desc\">Omnichain Interoperability<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"dgch-mrq-card\">\r\n                <div class=\"dgch-mrq-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v8M8 12h8\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"dgch-mrq-text-box\">\r\n                    <h4 class=\"dgch-mrq-title\">Chainlink<\/h4>\r\n                    <p class=\"dgch-mrq-desc\">Decentralized Oracles<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"dgch-mrq-card\">\r\n                <div class=\"dgch-mrq-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"dgch-mrq-text-box\">\r\n                    <h4 class=\"dgch-mrq-title\">SecureNode<\/h4>\r\n                    <p class=\"dgch-mrq-desc\">RPC Infrastructure<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"dgch-mrq-card\">\r\n                <div class=\"dgch-mrq-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"dgch-mrq-text-box\">\r\n                    <h4 class=\"dgch-mrq-title\">CertiK<\/h4>\r\n                    <p class=\"dgch-mrq-desc\">Smart Contract Audit<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"dgch-mrq-card\">\r\n                <div class=\"dgch-mrq-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"dgch-mrq-text-box\">\r\n                    <h4 class=\"dgch-mrq-title\">PawsWallet<\/h4>\r\n                    <p class=\"dgch-mrq-desc\">Web3 Custody<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Isolated Scroll Reveal Observer for Marquee\r\n        const mrqReveals = document.querySelectorAll(\".dgch-mrq-reveal\");\r\n        const observerMrq = new IntersectionObserver((entries, obs) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add(\"dgch-mrq-active\");\r\n                    obs.unobserve(entry.target); \r\n                }\r\n            });\r\n        }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\r\n\r\n        mrqReveals.forEach(reveal => observerMrq.observe(reveal));\r\n    });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-07be8b6 e-con-full e-flex e-con e-parent\" data-id=\"07be8b6\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c11782 elementor-widget elementor-widget-html\" data-id=\"8c11782\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n    \/* Variables & Section Reset (Fully Isolated) *\/\r\n    .dgch-cta-wrapper {\r\n        --bg-pure: #000000;\r\n        --text-pure: #ffffff;\r\n        --text-dim: #8a8f98;\r\n        --accent-glow: #fbbf24;\r\n        --accent-blue: #3b82f6;\r\n        --card-base: rgba(10, 10, 12, 0.6);\r\n        --border-glass: rgba(255, 255, 255, 0.08);\r\n        \r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n        background-color: var(--bg-pure);\r\n        color: var(--text-pure);\r\n        position: relative;\r\n        overflow: hidden;\r\n        z-index: 1;\r\n        padding: 160px 0;\r\n    }\r\n\r\n    .dgch-cta-wrapper * { box-sizing: border-box; }\r\n\r\n    \/* Noise Texture *\/\r\n    .dgch-cta-noise {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: -1;\r\n        opacity: 0.04;\r\n        pointer-events: none;\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\r\n    }\r\n\r\n    \/* Ambient Glowing Orbs Behind the Card *\/\r\n    .dgch-cta-ambient {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 100%;\r\n        max-width: 1000px;\r\n        height: 600px;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .dgch-cta-orb {\r\n        position: absolute;\r\n        border-radius: 50%;\r\n        filter: blur(120px);\r\n        opacity: 0.4;\r\n        animation: dgchCtaOrbFloat 10s infinite ease-in-out alternate;\r\n    }\r\n\r\n    .dgch-cta-orb-1 {\r\n        width: 400px; height: 400px;\r\n        background: var(--accent-glow);\r\n        transform: translate(-20%, -10%);\r\n    }\r\n\r\n    .dgch-cta-orb-2 {\r\n        width: 450px; height: 450px;\r\n        background: var(--accent-blue);\r\n        transform: translate(20%, 10%);\r\n        animation-delay: -5s;\r\n    }\r\n\r\n    @keyframes dgchCtaOrbFloat {\r\n        0% { transform: translate(-20%, -10%) scale(1); opacity: 0.3; }\r\n        100% { transform: translate(10%, 20%) scale(1.2); opacity: 0.5; }\r\n    }\r\n\r\n    .dgch-cta-frame {\r\n        max-width: 1000px;\r\n        margin: 0 auto;\r\n        padding: 0 40px;\r\n        position: relative;\r\n        z-index: 2; \/* Above the orbs *\/\r\n    }\r\n\r\n    \/* \ud83c\udf1f THE MASSIVE CTA CARD \ud83c\udf1f *\/\r\n    .dgch-cta-card {\r\n        background: var(--card-base);\r\n        border-radius: 32px;\r\n        padding: 80px 40px;\r\n        position: relative;\r\n        text-align: center;\r\n        border: 1px solid var(--border-glass);\r\n        backdrop-filter: blur(30px);\r\n        -webkit-backdrop-filter: blur(30px);\r\n        overflow: hidden;\r\n        transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6);\r\n    }\r\n\r\n    \/* Spinning Conic Border *\/\r\n    @property --angle-cta { syntax: '<angle>'; initial-value: 0deg; inherits: false; }\r\n    @keyframes spinBorderCta { to { --angle-cta: 360deg; } }\r\n\r\n    .dgch-cta-card::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: -2px;\r\n        border-radius: 34px;\r\n        background: conic-gradient(from var(--angle-cta), transparent 60%, var(--accent-glow), var(--accent-blue), transparent);\r\n        z-index: -2;\r\n        opacity: 0.8; \/* Always slightly visible for the CTA *\/\r\n        animation: spinBorderCta 4s linear infinite;\r\n    }\r\n\r\n    .dgch-cta-card::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 1px;\r\n        background: #08080a; \/* Deep dark to cover center *\/\r\n        border-radius: 31px;\r\n        z-index: -1;\r\n    }\r\n\r\n    \/* Mouse Tracking Spotlight *\/\r\n    .dgch-cta-spotlight {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255, 255, 255, 0.08), transparent 40%);\r\n        z-index: 0;\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .dgch-cta-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 40px 80px rgba(0, 0, 0, 0.8), 0 0 40px rgba(251, 191, 36, 0.1);\r\n    }\r\n\r\n    .dgch-cta-card:hover .dgch-cta-spotlight {\r\n        opacity: 1;\r\n    }\r\n\r\n    \/* Content Styling *\/\r\n    .dgch-cta-content {\r\n        position: relative;\r\n        z-index: 2;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .dgch-cta-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        padding: 8px 20px;\r\n        background: rgba(255, 255, 255, 0.03);\r\n        border: 1px solid var(--border-glass);\r\n        border-radius: 100px;\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n        color: #fff;\r\n        margin-bottom: 32px;\r\n    }\r\n    \r\n    .dgch-cta-badge .dot {\r\n        width: 8px; height: 8px;\r\n        background: var(--accent-glow);\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 12px var(--accent-glow);\r\n        animation: dgchCtaPulseGold 2s infinite alternate;\r\n    }\r\n\r\n    @keyframes dgchCtaPulseGold {\r\n        0% { opacity: 0.5; transform: scale(0.8); }\r\n        100% { opacity: 1; transform: scale(1.2); }\r\n    }\r\n\r\n    .dgch-cta-titanium {\r\n        background: linear-gradient(180deg, #ffffff 0%, #a1a1aa 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n        color: transparent;\r\n    }\r\n\r\n    .dgch-cta-h2 {\r\n        font-size: clamp(3rem, 6vw, 4.5rem);\r\n        font-weight: 800;\r\n        line-height: 1.05;\r\n        letter-spacing: -0.03em;\r\n        margin: 0 0 24px 0;\r\n    }\r\n\r\n    .dgch-cta-p {\r\n        font-size: 1.2rem;\r\n        color: var(--text-dim);\r\n        line-height: 1.6;\r\n        max-width: 600px;\r\n        margin: 0 0 48px 0;\r\n    }\r\n\r\n    \/* Premium Buttons *\/\r\n    .dgch-cta-btn-group { display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; }\r\n\r\n    .dgch-cta-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 18px 40px;\r\n        border-radius: 14px;\r\n        font-weight: 700;\r\n        font-size: 1.1rem;\r\n        text-decoration: none;\r\n        transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\r\n        cursor: pointer;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .dgch-cta-btn-primary {\r\n        background-color: #fff;\r\n        color: #000;\r\n        box-shadow: 0 0 20px rgba(255,255,255,0.1);\r\n    }\r\n\r\n    .dgch-cta-btn-primary:hover {\r\n        transform: translateY(-3px) scale(1.02);\r\n        background-color: var(--accent-glow);\r\n        box-shadow: 0 10px 40px rgba(251, 191, 36, 0.4);\r\n    }\r\n\r\n    .dgch-cta-btn-secondary {\r\n        background-color: rgba(255,255,255,0.03);\r\n        color: #fff;\r\n        border: 1px solid var(--border-glass);\r\n    }\r\n\r\n    .dgch-cta-btn-secondary:hover {\r\n        background-color: rgba(255,255,255,0.08);\r\n        border-color: rgba(255,255,255,0.3);\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    \/* Scroll Animation *\/\r\n    .dgch-cta-reveal {\r\n        opacity: 0;\r\n        transform: translateY(50px) scale(0.95);\r\n        transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n    .dgch-cta-reveal.dgch-cta-active { opacity: 1; transform: translateY(0) scale(1); }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 768px) {\r\n        .dgch-cta-wrapper { padding: 100px 0; }\r\n        .dgch-cta-frame { padding: 0 20px; }\r\n        .dgch-cta-card { padding: 60px 24px; border-radius: 24px; }\r\n        .dgch-cta-btn-group { flex-direction: column; width: 100%; gap: 16px; }\r\n        .dgch-cta-btn { width: 100%; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"dgch-cta-wrapper\" id=\"dgchCtaSection\">\r\n    <div class=\"dgch-cta-ambient\">\r\n        <div class=\"dgch-cta-orb dgch-cta-orb-1\"><\/div>\r\n        <div class=\"dgch-cta-orb dgch-cta-orb-2\"><\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"dgch-cta-noise\"><\/div>\r\n    \r\n    <div class=\"dgch-cta-frame\">\r\n        <div class=\"dgch-cta-card dgch-cta-reveal\" id=\"dgchCtaCardNode\">\r\n            <div class=\"dgch-cta-spotlight\"><\/div>\r\n            \r\n            <div class=\"dgch-cta-content\">\r\n                <div class=\"dgch-cta-badge\">\r\n                    <span class=\"dot\"><\/span> The Network is Live\r\n                <\/div>\r\n                \r\n                <h2 class=\"dgch-cta-h2 dgch-cta-titanium\">\r\n                    Spine the Future.<br>Ready to Build?\r\n                <\/h2>\r\n                \r\n                <p class=\"dgch-cta-p\">\r\n                    Join thousands of developers and institutional builders scaling the next generation of Canine economies on Dogchain.\r\n                <\/p>\r\n                \r\n                <div class=\"dgch-cta-btn-group\">\r\n                    <a href=\"#\" class=\"dgch-cta-btn dgch-cta-btn-primary\">Start Building<\/a>\r\n                    <a href=\"#\" class=\"dgch-cta-btn dgch-cta-btn-secondary\">Join the Community<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const ctaCard = document.getElementById(\"dgchCtaCardNode\");\r\n        \r\n        \/\/ 1. Scroll Reveal Animation\r\n        const ctaObserver = new IntersectionObserver((entries, obs) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add(\"dgch-cta-active\");\r\n                    obs.unobserve(entry.target); \r\n                }\r\n            });\r\n        }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\r\n\r\n        if (ctaCard) {\r\n            ctaObserver.observe(ctaCard);\r\n        }\r\n\r\n        \/\/ 2. Mouse Tracking Spotlight for the CTA Card\r\n        if (ctaCard) {\r\n            ctaCard.addEventListener(\"mousemove\", (e) => {\r\n                const rect = ctaCard.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n                ctaCard.style.setProperty(\"--mouse-x\", `${x}px`);\r\n                ctaCard.style.setProperty(\"--mouse-y\", `${y}px`);\r\n            });\r\n        }\r\n    });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c86fdc7 e-con-full e-flex e-con e-parent\" data-id=\"c86fdc7\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a12228 elementor-widget elementor-widget-html\" data-id=\"9a12228\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap');\r\n\r\n    \/* Variables & Footer Reset *\/\r\n    .dgch-ftr-wrapper {\r\n        --bg-pure: #000000;\r\n        --text-pure: #ffffff;\r\n        --text-dim: #8a8f98;\r\n        --accent-glow: #fbbf24;\r\n        --accent-blue: #3b82f6;\r\n        --border-glass: rgba(255, 255, 255, 0.08);\r\n        --success-live: #10b981;\r\n        \r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n        background-color: var(--bg-pure);\r\n        color: var(--text-pure);\r\n        position: relative;\r\n        overflow: hidden;\r\n        z-index: 1;\r\n        padding: 60px 0 40px 0;\r\n        border-top: 1px solid var(--border-glass);\r\n    }\r\n\r\n    .dgch-ftr-wrapper * { box-sizing: border-box; }\r\n\r\n    \/* Noise Texture *\/\r\n    .dgch-ftr-noise {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: -2;\r\n        opacity: 0.03;\r\n        pointer-events: none;\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\r\n    }\r\n\r\n    .dgch-ftr-frame {\r\n        max-width: 1240px;\r\n        margin: 0 auto;\r\n        padding: 0 40px;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Top Section of Footer (Flex) *\/\r\n    .dgch-ftr-top {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 40px;\r\n        padding-bottom: 40px;\r\n        border-bottom: 1px solid rgba(255,255,255,0.04);\r\n    }\r\n\r\n    \/* Left Side: Logo & Copyright *\/\r\n    .dgch-ftr-brand {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n    }\r\n\r\n    .dgch-ftr-logo {\r\n        font-size: 1.8rem;\r\n        color: var(--text-pure);\r\n        letter-spacing: -0.02em;\r\n        text-decoration: none;\r\n        display: inline-block;\r\n    }\r\n    .dgch-ftr-logo-bold { font-weight: 800; }\r\n    .dgch-ftr-logo-light { font-weight: 400; font-style: italic; color: var(--text-dim); }\r\n\r\n    .dgch-ftr-desc {\r\n        font-size: 0.95rem;\r\n        color: var(--text-dim);\r\n        margin: 0;\r\n        max-width: 300px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    \/* Right Side: Navigation & Buttons *\/\r\n    .dgch-ftr-nav {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 16px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    \/* Standard Glass Links *\/\r\n    .dgch-ftr-link {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        padding: 10px 18px;\r\n        background: rgba(255,255,255,0.02);\r\n        border: 1px solid var(--border-glass);\r\n        border-radius: 12px;\r\n        color: var(--text-dim);\r\n        font-size: 0.9rem;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .dgch-ftr-link svg {\r\n        width: 18px;\r\n        height: 18px;\r\n        fill: currentColor;\r\n        transition: transform 0.3s ease, fill 0.3s ease;\r\n    }\r\n\r\n    \/* Outline Stroke SVGs (Chart) *\/\r\n    .dgch-ftr-link svg.stroke-icon {\r\n        fill: none;\r\n        stroke: currentColor;\r\n        stroke-width: 2;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n    }\r\n\r\n    .dgch-ftr-link:hover {\r\n        background: rgba(255,255,255,0.06);\r\n        color: var(--text-pure);\r\n        border-color: rgba(255,255,255,0.2);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .dgch-ftr-link:hover svg {\r\n        transform: scale(1.1);\r\n        color: var(--text-pure);\r\n    }\r\n\r\n    \/* Icon-only links (X, Telegram) *\/\r\n    .dgch-ftr-icon-link {\r\n        padding: 10px;\r\n        border-radius: 12px;\r\n    }\r\n    .dgch-ftr-icon-link svg { margin: 0; }\r\n\r\n    \/* Live Chart Specific *\/\r\n    .dgch-ftr-live {\r\n        position: relative;\r\n    }\r\n    .dgch-live-dot {\r\n        width: 6px;\r\n        height: 6px;\r\n        background-color: var(--success-live);\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 8px var(--success-live);\r\n        animation: dgchFtrBlink 1.5s infinite alternate;\r\n    }\r\n\r\n    @keyframes dgchFtrBlink {\r\n        0% { opacity: 0.4; transform: scale(0.8); }\r\n        100% { opacity: 1; transform: scale(1.2); }\r\n    }\r\n\r\n    \/* \ud83c\udf1f THE \"BUY $DGCH\" BUTTON \ud83c\udf1f *\/\r\n    @property --angle-ftr { syntax: '<angle>'; initial-value: 0deg; inherits: false; }\r\n    @keyframes spinBorderFtr { to { --angle-ftr: 360deg; } }\r\n\r\n    .dgch-ftr-buy-btn {\r\n        background: rgba(12, 12, 14, 0.8);\r\n        border: 1px solid var(--border-glass);\r\n        border-radius: 12px;\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        padding: 12px 24px;\r\n        color: var(--text-pure);\r\n        font-weight: 700;\r\n        font-size: 0.95rem;\r\n        text-decoration: none;\r\n        transition: transform 0.4s ease, border-color 0.4s ease;\r\n        overflow: hidden;\r\n        z-index: 1;\r\n        margin-left: 8px; \/* Extra space from other links *\/\r\n    }\r\n\r\n    .dgch-ftr-buy-btn::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: -2px;\r\n        border-radius: 14px;\r\n        background: conic-gradient(from var(--angle-ftr), transparent 60%, var(--accent-glow), transparent);\r\n        z-index: -2;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n        animation: spinBorderFtr 4s linear infinite;\r\n    }\r\n\r\n    .dgch-ftr-buy-btn::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 1px;\r\n        background: #08080a;\r\n        border-radius: 11px;\r\n        z-index: -1;\r\n    }\r\n\r\n    \/* Button Spotlight *\/\r\n    .dgch-ftr-spotlight {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: radial-gradient(100px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255, 255, 255, 0.15), transparent 50%);\r\n        z-index: 0;\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .dgch-ftr-buy-btn span, .dgch-ftr-buy-btn svg { position: relative; z-index: 2; }\r\n\r\n    .dgch-ftr-buy-btn:hover { transform: translateY(-3px); border-color: transparent; }\r\n    .dgch-ftr-buy-btn:hover::before, .dgch-ftr-buy-btn:hover .dgch-ftr-spotlight { opacity: 1; }\r\n    .dgch-ftr-buy-btn:hover svg { stroke: var(--accent-glow); }\r\n\r\n    \/* Bottom Section *\/\r\n    .dgch-ftr-bottom {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding-top: 24px;\r\n        font-size: 0.85rem;\r\n        color: var(--text-dim);\r\n    }\r\n\r\n    \/* Scroll Animations *\/\r\n    .dgch-ftr-reveal {\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n    .dgch-ftr-reveal.dgch-ftr-active { opacity: 1; transform: translateY(0); }\r\n    \r\n    .dgch-delay-1 { transition-delay: 0.1s; }\r\n    .dgch-delay-2 { transition-delay: 0.2s; }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 992px) {\r\n        .dgch-ftr-top { flex-direction: column; align-items: flex-start; gap: 32px; }\r\n        .dgch-ftr-nav { width: 100%; justify-content: flex-start; }\r\n        .dgch-ftr-buy-btn { margin-left: 0; width: 100%; justify-content: center; margin-top: 8px; }\r\n    }\r\n    @media (max-width: 600px) {\r\n        .dgch-ftr-bottom { flex-direction: column; gap: 12px; align-items: flex-start; }\r\n        .dgch-ftr-frame { padding: 0 24px; }\r\n    }\r\n<\/style>\r\n\r\n<footer class=\"dgch-ftr-wrapper\" id=\"dgchFooterSection\">\r\n    <div class=\"dgch-ftr-noise\"><\/div>\r\n    <div class=\"dgch-ftr-frame\">\r\n        \r\n        <div class=\"dgch-ftr-top\">\r\n            <div class=\"dgch-ftr-brand dgch-ftr-reveal\">\r\n                <a href=\"#\" class=\"dgch-ftr-logo\">\r\n                    <span class=\"dgch-ftr-logo-bold\">DOG<\/span><span class=\"dgch-ftr-logo-light\">CHAIN<\/span>\r\n                <\/a>\r\n                <p class=\"dgch-ftr-desc\">The backbone of the canine coin economy. Institutional-grade Web3 infrastructure.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"dgch-ftr-nav dgch-ftr-reveal dgch-delay-1\">\r\n                \r\n                <a href=\"#\" class=\"dgch-ftr-link dgch-ftr-icon-link\" aria-label=\"X (Twitter)\">\r\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n\r\n                <a href=\"#\" class=\"dgch-ftr-link dgch-ftr-icon-link\" aria-label=\"Telegram\">\r\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <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.888-.662 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n\r\n                <a href=\"#\" class=\"dgch-ftr-link\">\r\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n                    <\/svg>\r\n                    <span>X Community<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/dexscreener.com\/solana\/g9prvyvgv1jgwzttqgww1vrhtbc98uhzngucb9vrpump\" class=\"dgch-ftr-link dgch-ftr-live\">\r\n                    <span class=\"dgch-live-dot\"><\/span>\r\n                    <span>Live Chart<\/span>\r\n                    <svg class=\"stroke-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M3 3v18h18\"\/><path d=\"m19 9-5 5-4-4-3 3\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/pump.fun\/coin\/G9pRVyvGV1jgWzttqGwW1vrHtBC98UhZNguCb9vRpump\" class=\"dgch-ftr-buy-btn\" id=\"dgchFtrBuyBtn\">\r\n                    <div class=\"dgch-ftr-spotlight\"><\/div>\r\n                    <svg class=\"stroke-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\r\n                        <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"><\/line>\r\n                    <\/svg>\r\n                    <span>Buy $DGCH<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dgch-ftr-bottom dgch-ftr-reveal dgch-delay-2\">\r\n            <div>&copy; 2026 Dogchain. All rights reserved.<\/div>\r\n            <div>The leash is off, the chain is on.<\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Scroll Reveal Animation for Footer Elements\r\n        const ftrReveals = document.querySelectorAll(\".dgch-ftr-reveal\");\r\n        const observerFtr = new IntersectionObserver((entries, obs) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add(\"dgch-ftr-active\");\r\n                    obs.unobserve(entry.target); \r\n                }\r\n            });\r\n        }, { threshold: 0.1, rootMargin: \"0px 0px 0px 0px\" });\r\n\r\n        ftrReveals.forEach(reveal => observerFtr.observe(reveal));\r\n\r\n        \/\/ Mouse Tracking Spotlight for the Buy Button\r\n        const buyBtn = document.getElementById(\"dgchFtrBuyBtn\");\r\n        if (buyBtn) {\r\n            buyBtn.addEventListener(\"mousemove\", (e) => {\r\n                const rect = buyBtn.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n                buyBtn.style.setProperty(\"--mouse-x\", `${x}px`);\r\n                buyBtn.style.setProperty(\"--mouse-y\", `${y}px`);\r\n            });\r\n        }\r\n    });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>DOGCHAIN Explore Ecosystem $DGCH One Chain toSpine the Canine Economy. Dogchain connects the backbone of &#8216;good boy&#8217; economies. Build institutional applications on the high-performance decentralized infrastructure. Official Contract Address G9pRVyvGV1jgWzttqGwW1vrHtBC98UhZNguCb9vRpump Copied! Designed for Institutional-Grade Canine Economies. Infrastructure Backbone Near-instant confirmations for decentralized banking, securities, and payment applications. Nominal Fees Gas fees are kept exceptionally low [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dogchain.site\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dogchain.site\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dogchain.site\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dogchain.site\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dogchain.site\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":76,"href":"https:\/\/dogchain.site\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":95,"href":"https:\/\/dogchain.site\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/95"}],"wp:attachment":[{"href":"https:\/\/dogchain.site\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}