{"id":10,"date":"2026-06-12T13:40:00","date_gmt":"2026-06-12T13:40:00","guid":{"rendered":"https:\/\/nidhogg.lol\/?page_id=10"},"modified":"2026-06-12T15:54:36","modified_gmt":"2026-06-12T15:54:36","slug":"elementor-10","status":"publish","type":"page","link":"https:\/\/nidhogg.lol\/","title":{"rendered":"Elementor #10"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-076f4ee e-flex e-con-boxed e-con e-parent\" data-id=\"076f4ee\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ece46d elementor-widget elementor-widget-html\" data-id=\"0ece46d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Nidhogg - Power Beneath the Surface<\/title>\r\n    <!-- External Thematic Fonts -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Metal+Mania&family=Imbue:opsz,wght@10..100,100..300;10..100,400&family=Plus+Jakarta+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        :root {\r\n            --accent-blue: #38bdf8;\r\n            --accent-glow: rgba(56, 189, 248, 0.3);\r\n            --bg-overlay: rgba(7, 10, 19, 0.65); \/* Dikurangi kepekatannya agar video tembus pandang jelas *\/\r\n            --bg-popup: rgba(13, 18, 30, 0.95);\r\n            --border-glow: rgba(56, 189, 248, 0.12);\r\n            --text-primary: #f3f4f6;\r\n            --text-secondary: #9ca3af;\r\n            --font-title: 'Metal Mania', system-ui, sans-serif;\r\n            --font-desc: 'Imbue', serif;\r\n            --font-sans: 'Plus Jakarta Sans', sans-serif;\r\n        }\r\n\r\n        * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        body, html {\r\n            width: 100%;\r\n            min-height: 100vh;\r\n            background-color: #070a13;\r\n            font-family: var(--font-sans);\r\n            color: var(--text-primary);\r\n            overflow-x: hidden;\r\n            overflow-y: auto;\r\n        }\r\n\r\n        \/* 1. INTRO PRELOADER ANIMATION *\/\r\n        #preloader {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: #05070c;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            z-index: 9999;\r\n            animation: fadeOutLoader 1s ease-in-out 3s forwards;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .loader-logo {\r\n            max-width: 240px;\r\n            width: 70%;\r\n            height: auto;\r\n            opacity: 0;\r\n            transform: scale(0.9);\r\n            filter: drop-shadow(0 0 15px rgba(56, 189, 248, 0.5));\r\n            animation: logoIntro 2.5s cubic-bezier(0.25, 1, 0.5, 1) 0.2s forwards;\r\n        }\r\n\r\n        @keyframes logoIntro {\r\n            0% { opacity: 0; transform: scale(0.9); filter: drop-shadow(0 0 0px rgba(56, 189, 248, 0)); }\r\n            50% { opacity: 1; transform: scale(1); filter: drop-shadow(0 0 25px rgba(56, 189, 248, 0.6)); }\r\n            100% { opacity: 0; transform: scale(0.98); filter: drop-shadow(0 0 8px rgba(56, 189, 248, 0.2)); }\r\n        }\r\n\r\n        @keyframes fadeOutLoader {\r\n            to { opacity: 0; visibility: hidden; }\r\n        }\r\n\r\n        \/* 2. FULLSCREEN BACKGROUND VIDEO - FIXED LAYER DEPTH *\/\r\n        .video-bg-container {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100vw;\r\n            height: 100vh;\r\n            z-index: 0; \/* Mengunci pondasi paling bawah dasar *\/\r\n            overflow: hidden;\r\n            pointer-events: none;\r\n            background-color: #070a13;\r\n        }\r\n\r\n        .video-bg-container video {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            width: 100%;\r\n            height: 100%;\r\n            min-width: 100vw;\r\n            min-height: 100vh;\r\n            transform: translate(-50%, -50%);\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n\r\n        .video-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            z-index: 1; \/* Di atas video, di bawah teks wrapper utama *\/\r\n            background: linear-gradient(to bottom, rgba(7, 10, 19, 0.5) 0%, var(--bg-overlay) 100%);\r\n        }\r\n\r\n        \/* 3. MAIN CONTAINER & HEADER LAYOUT *\/\r\n        .main-wrapper {\r\n            width: 100%;\r\n            min-height: 100vh;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n            padding: 30px 40px;\r\n            opacity: 0;\r\n            animation: fadeInContent 1.2s cubic-bezier(0.25, 1, 0.5, 1) 3.2s forwards;\r\n            position: relative;\r\n            z-index: 5; \/* Menaikkan tumpukan wrapper agar berada di atas layer video *\/\r\n        }\r\n\r\n        @keyframes fadeInContent {\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        header {\r\n            width: 100%;\r\n            max-width: 1300px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            z-index: 100;\r\n            padding-bottom: 10px;\r\n        }\r\n\r\n        .logo-container img {\r\n            height: 28px;\r\n            width: auto;\r\n            display: block;\r\n            filter: drop-shadow(0 0 6px rgba(56, 189, 248, 0.25));\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .logo-container img:hover {\r\n            transform: scale(1.03);\r\n        }\r\n\r\n        .nav-actions {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .nav-btn {\r\n            font-family: var(--font-desc);\r\n            font-size: 13pt;\r\n            font-weight: 300;\r\n            color: var(--text-secondary);\r\n            text-decoration: none;\r\n            text-transform: none;\r\n            letter-spacing: 0.5px;\r\n            padding: 5px 14px;\r\n            border-radius: 4px;\r\n            transition: all 0.3s ease;\r\n            background: rgba(255, 255, 255, 0.01);\r\n            border: 1px solid rgba(255, 255, 255, 0.03);\r\n            line-height: 1;\r\n        }\r\n\r\n        .nav-btn:hover {\r\n            color: var(--accent-blue);\r\n            border-color: rgba(56, 189, 248, 0.2);\r\n            background: rgba(56, 189, 248, 0.03);\r\n            text-shadow: 0 0 8px var(--accent-glow);\r\n            box-shadow: 0 0 10px rgba(56, 189, 248, 0.05);\r\n            transform: translateY(-1px);\r\n        }\r\n\r\n        \/* 4. HERO CORE SECTION *\/\r\n        .hero-center-content {\r\n            width: 100%;\r\n            max-width: 820px;\r\n            margin: auto;\r\n            text-align: center;\r\n            padding: 30px 20px;\r\n            z-index: 10;\r\n        }\r\n\r\n        .ticker-badge {\r\n            display: inline-block;\r\n            background: rgba(17, 24, 39, 0.5);\r\n            border: 1px solid var(--border-glow);\r\n            color: var(--accent-blue);\r\n            padding: 4px 14px;\r\n            border-radius: 30px;\r\n            font-family: monospace;\r\n            font-size: 8.5pt;\r\n            font-weight: 400;\r\n            letter-spacing: 1.5px;\r\n            text-transform: uppercase;\r\n            margin-bottom: 20px;\r\n            backdrop-filter: blur(4px);\r\n        }\r\n\r\n        h1.moving-title {\r\n            font-family: var(--font-title);\r\n            font-size: 40pt;\r\n            line-height: 1.15;\r\n            margin-bottom: 20px;\r\n            letter-spacing: 1px;\r\n            text-transform: uppercase;\r\n            background: linear-gradient(90deg, #e5e7eb, #38bdf8, #a78bfa, #38bdf8, #e5e7eb);\r\n            background-size: 200% auto;\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            animation: gradientMove 6s linear infinite;\r\n            filter: drop-shadow(0 2px 10px rgba(0,0,0,0.7));\r\n        }\r\n\r\n        @keyframes gradientMove {\r\n            0% { background-position: 0% center; }\r\n            100% { background-position: 200% center; }\r\n        }\r\n\r\n        .hero-description {\r\n            font-family: var(--font-desc);\r\n            font-size: 21pt;\r\n            font-weight: 300;\r\n            line-height: 1.3;\r\n            color: #d1d5db;\r\n            margin-bottom: 35px;\r\n            letter-spacing: 0.5px;\r\n            text-shadow: 0 2px 6px rgba(0,0,0,0.5);\r\n        }\r\n\r\n        \/* 5. INTERACTIVE CA COPY BOX *\/\r\n        .ca-box-container {\r\n            width: 100%;\r\n            max-width: 460px;\r\n            margin: 0 auto 35px auto;\r\n            background: rgba(13, 18, 30, 0.65);\r\n            border: 1px solid rgba(56, 189, 248, 0.15);\r\n            border-radius: 6px;\r\n            display: flex;\r\n            align-items: center;\r\n            padding: 5px 5px 5px 14px;\r\n            backdrop-filter: blur(8px);\r\n            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n\r\n        .ca-box-container:hover {\r\n            border-color: rgba(56, 189, 248, 0.3);\r\n            box-shadow: 0 0 15px rgba(56, 189, 248, 0.1);\r\n        }\r\n\r\n        .ca-label {\r\n            font-family: var(--font-desc);\r\n            font-size: 14pt;\r\n            font-weight: 400;\r\n            color: var(--accent-blue);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            margin-right: 12px;\r\n            line-height: 1;\r\n        }\r\n\r\n        .ca-value {\r\n            font-family: var(--font-desc);\r\n            font-size: 13pt;\r\n            font-weight: 300;\r\n            color: var(--text-secondary);\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            flex-grow: 1;\r\n            text-align: left;\r\n            line-height: 1;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .btn-copy {\r\n            background: rgba(56, 189, 248, 0.05);\r\n            border: 1px solid rgba(56, 189, 248, 0.2);\r\n            color: var(--accent-blue);\r\n            padding: 6px 14px;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n            font-family: var(--font-desc);\r\n            font-size: 13pt;\r\n            font-weight: 400;\r\n            text-transform: none;\r\n            letter-spacing: 0.5px;\r\n            transition: all 0.2s ease;\r\n            line-height: 1.1;\r\n        }\r\n\r\n        .btn-copy:hover {\r\n            background: var(--accent-blue);\r\n            color: #070a13;\r\n            box-shadow: 0 0 8px var(--accent-glow);\r\n        }\r\n\r\n        \/* ACTIONS BUTTONS *\/\r\n        .main-ctas {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 16px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .cta-btn {\r\n            min-width: 150px;\r\n            padding: 8px 24px;\r\n            border-radius: 4px;\r\n            font-family: var(--font-desc);\r\n            font-size: 16pt;\r\n            font-weight: 300;\r\n            text-transform: none;\r\n            letter-spacing: 0.8px;\r\n            text-decoration: none;\r\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n            text-align: center;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .cta-btn-primary {\r\n            background: linear-gradient(135deg, #0274b3 0%, #0369a3 100%);\r\n            color: #fff;\r\n            border: 1px solid #026ca3;\r\n            box-shadow: 0 4px 15px rgba(2, 116, 179, 0.2);\r\n        }\r\n\r\n        .cta-btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(56, 189, 248, 0.3);\r\n            filter: brightness(1.05);\r\n        }\r\n\r\n        .cta-btn-secondary {\r\n            background: rgba(17, 24, 39, 0.4);\r\n            color: var(--text-primary);\r\n            border: 1px solid rgba(56, 189, 248, 0.1);\r\n            backdrop-filter: blur(4px);\r\n        }\r\n\r\n        .cta-btn-secondary:hover {\r\n            transform: translateY(-2px);\r\n            border-color: var(--accent-blue);\r\n            box-shadow: 0 0 15px rgba(56, 189, 248, 0.15);\r\n            color: var(--accent-blue);\r\n        }\r\n\r\n        \/* 6. STYLE PREMIUM POP-UP MODAL *\/\r\n        .popup-overlay {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: rgba(5, 7, 12, 0.5);\r\n            backdrop-filter: blur(8px);\r\n            z-index: 500;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n            padding: 20px;\r\n        }\r\n\r\n        .popup-overlay.active {\r\n            opacity: 1;\r\n            visibility: visible;\r\n        }\r\n\r\n        .popup-window {\r\n            background: var(--bg-popup);\r\n            border: 1px solid rgba(56, 189, 248, 0.18);\r\n            border-radius: 8px;\r\n            width: 100%;\r\n            max-width: 580px;\r\n            max-height: 75vh;\r\n            overflow-y: auto;\r\n            position: relative;\r\n            padding: 30px;\r\n            box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.6), 0 0 30px rgba(56, 189, 248, 0.1);\r\n            transform: scale(0.93) translateY(15px);\r\n            transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n\r\n        .popup-overlay.active .popup-window {\r\n            transform: scale(1) translateY(0);\r\n        }\r\n\r\n        .popup-window::-webkit-scrollbar { width: 4px; }\r\n        .popup-window::-webkit-scrollbar-track { background: rgba(0,0,0,0.1); }\r\n        .popup-window::-webkit-scrollbar-thumb { background: rgba(56, 189, 248, 0.2); border-radius: 10px; }\r\n\r\n        .close-popup {\r\n            position: absolute;\r\n            top: 15px;\r\n            right: 15px;\r\n            background: none;\r\n            border: none;\r\n            color: var(--text-secondary);\r\n            font-size: 20px;\r\n            cursor: pointer;\r\n            line-height: 1;\r\n            transition: color 0.2s;\r\n        }\r\n\r\n        .close-popup:hover {\r\n            color: var(--accent-blue);\r\n        }\r\n\r\n        .popup-window h2 {\r\n            font-family: var(--font-title);\r\n            font-size: 21pt;\r\n            font-weight: 400;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            color: var(--accent-blue);\r\n            border-left: 3px solid var(--accent-blue);\r\n            padding-left: 10px;\r\n            margin-bottom: 20px;\r\n            line-height: 1.1;\r\n        }\r\n\r\n        .popup-content p {\r\n            font-family: var(--font-desc);\r\n            color: #e5e7eb;\r\n            font-size: 16pt;\r\n            font-weight: 300;\r\n            line-height: 1.35;\r\n            margin-bottom: 16px;\r\n            text-align: justify;\r\n            letter-spacing: 0.3px;\r\n        }\r\n\r\n        .popup-content p strong {\r\n            color: var(--accent-blue);\r\n            font-weight: 400;\r\n        }\r\n\r\n        .specs-list { margin-top: 10px; }\r\n        .spec-item {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 10px 0;\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.04);\r\n        }\r\n        .spec-label { \r\n            font-family: var(--font-desc);\r\n            color: var(--text-secondary); \r\n            font-weight: 400; \r\n            font-size: 15pt;\r\n        }\r\n        .spec-val { \r\n            font-family: var(--font-desc);\r\n            color: var(--text-primary); \r\n            font-weight: 300;\r\n            font-size: 15pt;\r\n            letter-spacing: 0.3px;\r\n        }\r\n\r\n        \/* 7. FOOTER *\/\r\n        footer {\r\n            width: 100%;\r\n            max-width: 1300px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            z-index: 100;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.04);\r\n            padding-top: 20px;\r\n            margin-top: 15px;\r\n        }\r\n\r\n        .footer-text { font-size: 8.5pt; color: #4b5563; }\r\n        .footer-links { display: flex; gap: 20px; }\r\n        .footer-links a { font-size: 8.5pt; color: var(--text-secondary); text-decoration: none; transition: color 0.2s ease; font-weight: 400; }\r\n        .footer-links a:hover { color: var(--accent-blue); }\r\n\r\n        \/* ==================== 8. MOBILE OPTIMIZED (STRICT ANTI-OVERFLOW) ==================== *\/\r\n        @media (max-width: 768px) {\r\n            .main-wrapper { \r\n                padding: 24px 16px; \r\n                overflow-y: auto; \r\n                justify-content: flex-start;\r\n                gap: 40px;\r\n            }\r\n\r\n            header { \r\n                flex-direction: column; \r\n                gap: 16px; \r\n                width: 100%;\r\n            }\r\n\r\n            .logo-container img { \r\n                height: 22px; \r\n            }\r\n\r\n            .nav-actions { \r\n                gap: 6px; \r\n                flex-wrap: wrap; \r\n                justify-content: center; \r\n                width: 100%; \r\n            }\r\n\r\n            .nav-btn { \r\n                font-size: 11.5pt; \r\n                padding: 6px 10px; \r\n                flex-grow: 1; \r\n                max-width: calc(50% - 4px);\r\n                text-align: center; \r\n            }\r\n\r\n            .hero-center-content {\r\n                padding: 10px 0;\r\n                margin: 0;\r\n            }\r\n\r\n            h1.moving-title { \r\n                font-size: 26pt; \r\n                margin-bottom: 16px; \r\n                line-height: 1.2;\r\n            }\r\n\r\n            .hero-description { \r\n                font-size: 15.5pt; \r\n                margin-bottom: 28px; \r\n                line-height: 1.35;\r\n                word-break: break-word;\r\n                hyphens: auto;\r\n            }\r\n\r\n            .ca-box-container { \r\n                padding: 6px 8px 6px 12px; \r\n                max-width: 100%; \r\n                margin-bottom: 28px;\r\n                flex-wrap: wrap; \r\n                gap: 8px;\r\n                justify-content: space-between;\r\n            }\r\n\r\n            .ca-label { \r\n                font-size: 12.5pt; \r\n                margin-right: 4px;\r\n            }\r\n\r\n            .ca-value { \r\n                font-size: 11pt; \r\n                flex-grow: 1;\r\n                width: auto;\r\n                min-width: 120px;\r\n            }\r\n\r\n            .btn-copy { \r\n                font-size: 11pt; \r\n                padding: 4px 10px; \r\n                margin-left: auto;\r\n            }\r\n\r\n            .main-ctas { \r\n                flex-direction: column; \r\n                gap: 10px; \r\n                align-items: center; \r\n                width: 100%; \r\n            }\r\n\r\n            .cta-btn { \r\n                width: 100%; \r\n                max-width: 280px; \r\n                padding: 10px 20px; \r\n                font-size: 15pt; \r\n            }\r\n\r\n            .popup-overlay {\r\n                padding: 12px;\r\n            }\r\n\r\n            .popup-window { \r\n                padding: 24px 16px; \r\n                max-height: 82vh; \r\n                width: 100%;\r\n            }\r\n\r\n            .popup-window h2 { \r\n                font-size: 17.5pt; \r\n                margin-bottom: 16px;\r\n            }\r\n\r\n            .popup-content p { \r\n                font-size: 13.5pt; \r\n                line-height: 1.4;\r\n                word-break: break-word;\r\n                hyphens: auto;\r\n                margin-bottom: 12px;\r\n            }\r\n\r\n            .spec-item {\r\n                padding: 8px 0;\r\n            }\r\n\r\n            .spec-label, .spec-val { \r\n                font-size: 12.5pt; \r\n            }\r\n\r\n            footer { \r\n                flex-direction: column; \r\n                gap: 12px; \r\n                text-align: center; \r\n                padding-top: 16px; \r\n                margin-top: auto; \r\n                width: 100%;\r\n            }\r\n\r\n            .footer-links { \r\n                justify-content: center; \r\n                gap: 16px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- 1. INTRO PRELOADER ANIMATION -->\r\n    <div id=\"preloader\">\r\n        <img decoding=\"async\" src=\"https:\/\/nidhogg.lol\/wp-content\/uploads\/2026\/06\/LOGO-TEXT.png\" alt=\"Nidhogg Logo\" class=\"loader-logo\">\r\n    <\/div>\r\n\r\n    <!-- 2. FULLSCREEN BACKGROUND VIDEO -->\r\n    <div class=\"video-bg-container\">\r\n        <video autoplay loop muted playsinline id=\"bgVideo\">\r\n            <source src=\"https:\/\/nidhogg.lol\/wp-content\/uploads\/2026\/06\/HERO-NIDHOGG1A.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n        <div class=\"video-overlay\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- MAIN VIEWPORT WRAPPER -->\r\n    <div class=\"main-wrapper\">\r\n        \r\n        <!-- HEADER LAYOUT -->\r\n        <header>\r\n            <a href=\"#\" class=\"logo-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/nidhogg.lol\/wp-content\/uploads\/2026\/06\/LOGO-TEXT.png\" alt=\"Nidhogg Logo\">\r\n            <\/a>\r\n            <div class=\"nav-actions\">\r\n                <a href=\"#\" class=\"nav-btn\" onclick=\"openPopup('popup-philosophy')\">Philosophy<\/a>\r\n                <a href=\"#\" class=\"nav-btn\" onclick=\"openPopup('popup-network')\">Network<\/a>\r\n                <a href=\"#\" class=\"nav-btn\" onclick=\"openPopup('popup-specs')\">Specs<\/a>\r\n                <a href=\"#\" class=\"nav-btn\" onclick=\"openPopup('popup-alliance')\">Alliance<\/a>\r\n            <\/div>\r\n        <\/header>\r\n\r\n        <!-- HERO CORE ATTENTION SECTION -->\r\n        <div class=\"hero-center-content\">\r\n            <div class=\"ticker-badge\">$Nidhogg<\/div>\r\n            <h1 class=\"moving-title\">Securing Value Integrity from the Deepest Layers<\/h1>\r\n            <p class=\"hero-description\">\r\n                Inspired by the legendary entity of resilience rooted in eternity, Nidhogg operates quietly beneath the deepest layers of the network to lock in value stability. We are a foundational liquidity-anchoring structure engineered to withstand global volatility through absolute code efficiency.\r\n            <\/p>\r\n\r\n            <!-- COPIABLE CONTRACT ADDRESS BOX -->\r\n            <div class=\"ca-box-container\">\r\n                <span class=\"ca-label\">CA:<\/span>\r\n                <span class=\"ca-value\" id=\"caToken\">NULL<\/span>\r\n                <button class=\"btn-copy\" onclick=\"copyCA()\">Copy CA<\/button>\r\n            <\/div>\r\n\r\n            <!-- ACTION BUTTONS -->\r\n            <div class=\"main-ctas\">\r\n                <a href=\"#\" class=\"cta-btn cta-btn-primary\">Swap Now<\/a>\r\n                <a href=\"#\" class=\"cta-btn cta-btn-secondary\">Telegram<\/a>\r\n                <a href=\"#\" class=\"cta-btn cta-btn-secondary\">Twitter<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- FOOTER -->\r\n        <footer>\r\n            <div class=\"footer-text\">&copy; 2026 Nidhogg. Power Beneath the Surface.<\/div>\r\n            <div class=\"footer-links\">\r\n                <a href=\"#\">Dexscreener<\/a>\r\n                <a href=\"#\">Pump.fun<\/a>\r\n            <\/div>\r\n        <\/footer>\r\n\r\n    <\/div>\r\n\r\n    <!-- ==================== PREMIUM POP-UP MODALS ==================== -->\r\n    \r\n    <!-- 1. PHILOSOPHY POPUP -->\r\n    <div class=\"popup-overlay\" id=\"popup-philosophy\" onclick=\"closeAllPopups(event)\">\r\n        <div class=\"popup-window\">\r\n            <button class=\"close-popup\" onclick=\"closePopup('popup-philosophy')\">&times;<\/button>\r\n            <h2>Core Principles & Resilience<\/h2>\r\n            <div class=\"popup-content\">\r\n                <p><strong>The Unyielding Roots:<\/strong> Operating on absolute public code logic that binds the entire supply equitably, completely preventing surface-level manipulation or unilateral intervention.<\/p>\r\n                <p><strong>Silent Execution:<\/strong> Distancing our ecosystem from hollow, noisy online narratives. Our focus is entirely dedicated to fortifying underlying liquidity positions and fostering mature growth over time.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- 2. NETWORK FOUNDATION POPUP -->\r\n    <div class=\"popup-overlay\" id=\"popup-network\" onclick=\"closeAllPopups(event)\">\r\n        <div class=\"popup-window\">\r\n            <button class=\"close-popup\" onclick=\"closePopup('popup-network')\">&times;<\/button>\r\n            <h2>Value Distribution Architecture<\/h2>\r\n            <div class=\"popup-content\">\r\n                <p>To achieve optimal systemic endurance, we integrate our value distribution pathways into critical, low-friction entry points that are highly secure, fully auditable, and easily accessible from any direction.<\/p>\r\n                <p><strong>The Fair Origin (pump.fun):<\/strong> Everything stems from total transparency. Through a structured launch mechanism, the initial supply distribution is allocated directly to the public, eliminating hidden team reserves.<\/p>\r\n                <p><strong>Real-Time Mapping (dexscreener):<\/strong> Every volume shift, price consensus, and pool depth variation is meticulously indexed and mapped to guarantee the utmost data integrity for all participants.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- 3. PROTOCOL SPECS POPUP -->\r\n    <div class=\"popup-overlay\" id=\"popup-specs\" onclick=\"closeAllPopups(event)\">\r\n        <div class=\"popup-window\">\r\n            <button class=\"close-popup\" onclick=\"closePopup('popup-specs')\">&times;<\/button>\r\n            <h2>Protocol Blueprint<\/h2>\r\n            <div class=\"popup-content\">\r\n                <div class=\"specs-list\">\r\n                    <div class=\"spec-item\">\r\n                        <span class=\"spec-label\">Core Engine<\/span>\r\n                        <span class=\"spec-val\">Solana \u2014 High-Velocity, Minimal Friction<\/span>\r\n                    <\/div>\r\n                    <div class=\"spec-item\">\r\n                        <span class=\"spec-label\">Digital Identity<\/span>\r\n                        <span class=\"spec-val\">$Nidhogg<\/span>\r\n                    <\/div>\r\n                    <div class=\"spec-item\">\r\n                        <span class=\"spec-label\">Protocol Nature<\/span>\r\n                        <span class=\"spec-val\">Autonomous, Decentralized, Immutable<\/span>\r\n                    <\/div>\r\n                    <div class=\"spec-item\">\r\n                        <span class=\"spec-label\">Liquidity Layer<\/span>\r\n                        <span class=\"spec-val\">Direct Access via Integrated Swap Now<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- 4. ALLIANCE POPUP -->\r\n    <div class=\"popup-overlay\" id=\"popup-alliance\" onclick=\"closeAllPopups(event)\">\r\n        <div class=\"popup-window\">\r\n            <button class=\"close-popup\" onclick=\"closePopup('popup-alliance')\">&times;<\/button>\r\n            <h2>The Collective Alliance<\/h2>\r\n            <div class=\"popup-content\">\r\n                <p>Nidhogg does not navigate the depths alone. The true power of this system resides in the unyielding alliance of our community.<\/p>\r\n                <p>We communicate through transparent channels, coordinate strategies collectively, and expand our network's footprint without relying on empty promises.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- INTERACTIVE JAVASCRIPT LOGIC -->\r\n    <script>\r\n        \/\/ Force video play handler\r\n        document.addEventListener(\"DOMContentLoaded\", function() {\r\n            const video = document.getElementById(\"bgVideo\");\r\n            if(video) {\r\n                video.play().catch(function(err) {\r\n                    console.log(\"Autoplay blocked, establishing click-fallback loop.\");\r\n                    document.body.addEventListener('click', () => { video.play(); }, { once: true });\r\n                });\r\n            }\r\n        });\r\n\r\n        \/\/ Copy CA Script Logic\r\n        function copyCA() {\r\n            const caText = document.getElementById(\"caToken\").innerText;\r\n            navigator.clipboard.writeText(caText).then(() => {\r\n                const copyBtn = document.querySelector(\".btn-copy\");\r\n                copyBtn.innerText = \"Copied!\";\r\n                copyBtn.style.background = \"#38bdf8\";\r\n                copyBtn.style.color = \"#070a13\";\r\n                \r\n                setTimeout(() => {\r\n                    copyBtn.innerText = \"Copy CA\";\r\n                    copyBtn.style.background = \"rgba(56, 189, 248, 0.05)\";\r\n                    copyBtn.style.color = \"#38bdf8\";\r\n                }, 2000);\r\n            }).catch(err => {\r\n                console.error(\"Failed to copy text: \", err);\r\n            });\r\n        }\r\n\r\n        \/\/ Popup Handlers\r\n        function openPopup(id) {\r\n            document.getElementById(id).classList.add(\"active\");\r\n        }\r\n\r\n        \/\/ Close Single Popup\r\n        function closePopup(id) {\r\n            document.getElementById(id).classList.remove(\"active\");\r\n        }\r\n\r\n        \/\/ Close All Popups on Overlay Click\r\n        function closeAllPopups(event) {\r\n            if (event.target.classList.contains('popup-overlay')) {\r\n                event.target.classList.remove(\"active\");\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>Nidhogg &#8211; Power Beneath the Surface Philosophy Network Specs Alliance $Nidhogg Securing Value Integrity from the Deepest Layers Inspired by the legendary entity of resilience rooted in eternity, Nidhogg operates quietly beneath the deepest layers of the network to lock in value stability. We are a foundational liquidity-anchoring structure engineered to withstand global volatility through [&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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nidhogg.lol\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nidhogg.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nidhogg.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nidhogg.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nidhogg.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":19,"href":"https:\/\/nidhogg.lol\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/nidhogg.lol\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/36"}],"wp:attachment":[{"href":"https:\/\/nidhogg.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}