{"id":8,"date":"2026-04-24T17:08:32","date_gmt":"2026-04-24T17:08:32","guid":{"rendered":"https:\/\/its-ok.fun\/?page_id=8"},"modified":"2026-04-24T18:43:55","modified_gmt":"2026-04-24T18:43:55","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/its-ok.fun\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e40b37 e-flex e-con-boxed e-con e-parent\" data-id=\"8e40b37\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5645b95 elementor-widget elementor-widget-html\" data-id=\"5645b95\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<nav class=\"glass-nav\">\r\n    <div class=\"nav-left\">\r\n        <div class=\"nav-socials\">\r\n            <a href=\"#\" class=\"social-link\" title=\"X (Twitter)\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\r\n            <\/a>\r\n            <a href=\"#\" class=\"social-link\" title=\"Telegram\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69a.2.2 0 00-.05-.18c-.06-.05-.14-.03-.21-.02-.09.02-1.49.95-4.22 2.79-.4.27-.76.41-1.08.4-.36-.01-1.04-.2-1.55-.37-.63-.2-1.12-.31-1.08-.66.02-.18.27-.36.74-.55 2.91-1.27 4.85-2.11 5.83-2.51 2.78-1.16 3.35-1.36 3.73-1.36.08 0 .27.02.39.12.1.08.13.19.14.27-.01.06.01.24 0 .38z\"\/><\/svg>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <ul class=\"nav-menu\">\r\n        <li><a href=\"#hero\">Home<\/a><\/li>\r\n        <li><a href=\"#about\">About<\/a><\/li>\r\n        <li><a href=\"#tokenomics\">Token<\/a><\/li>\r\n        <li><a href=\"#roadmap\">Roadmap<\/a><\/li>\r\n        <li><a href=\"#faq\">FAQ<\/a><\/li>\r\n    <\/ul>\r\n\r\n    <div class=\"nav-actions\">\r\n        <button class=\"btn-ca\" onclick=\"copyCA()\" id=\"copyBtn\">\r\n            <span class=\"ca-label\">CA:<\/span>\r\n            <span class=\"ca-value\" id=\"caValue\">0xOK_CONTRACT_ADDRESS_HERE<\/span>\r\n        <\/button>\r\n    <\/div>\r\n<\/nav>\r\n<style>\r\n    :root {\r\n        --secondary-glow: rgba(0, 212, 255, 0.8);\r\n    }\r\n\r\n    .glass-nav {\r\n        position: fixed;\r\n        top: 25px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 92%;\r\n        max-width: 1200px;\r\n        z-index: 9999;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 10px 25px;\r\n        background: rgba(255, 255, 255, 0.03);\r\n        backdrop-filter: blur(20px);\r\n        -webkit-backdrop-filter: blur(20px);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-radius: 100px;\r\n    }\r\n\r\n    .nav-left { display: flex; align-items: center; flex: 1; }\r\n    .nav-socials { display: flex; gap: 15px; }\r\n    .social-link svg { width: 20px; height: 20px; fill: #fff; opacity: 0.7; transition: 0.3s; }\r\n    .social-link:hover svg { opacity: 1; fill: var(--secondary-glow); transform: scale(1.1); }\r\n\r\n    .nav-menu { display: flex; gap: 25px; list-style: none; flex: 1; justify-content: center; }\r\n    .nav-menu a {\r\n        text-decoration: none;\r\n        color: rgba(255, 255, 255, 0.6);\r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        transition: 0.3s;\r\n    }\r\n    .nav-menu a:hover { color: #fff; }\r\n\r\n    .nav-actions { flex: 1.5; display: flex; justify-content: flex-end; }\r\n\r\n    \/* TOMBOL CA TAMPIL LANGSUNG *\/\r\n    .btn-ca {\r\n        background: rgba(255, 255, 255, 0.05);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        padding: 8px 18px;\r\n        border-radius: 50px;\r\n        color: #fff;\r\n        font-family: 'monospace', sans-serif; \/* Monospace agar kode terlihat teknis *\/\r\n        font-size: 0.7rem;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        display: flex;\r\n        gap: 8px;\r\n        align-items: center;\r\n        max-width: 280px;\r\n    }\r\n\r\n    .ca-label {\r\n        color: var(--secondary-glow);\r\n        font-weight: 800;\r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n    }\r\n\r\n    .ca-value {\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis; \/* Memotong teks jika terlalu panjang di layar kecil *\/\r\n        opacity: 0.8;\r\n    }\r\n\r\n    .btn-ca:hover {\r\n        background: rgba(255, 255, 255, 0.1);\r\n        border-color: var(--secondary-glow);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .btn-ca:active { transform: scale(0.98); }\r\n\r\n    @media (max-width: 992px) {\r\n        .nav-menu { display: none; }\r\n        .nav-left, .nav-actions { flex: 1; }\r\n        .btn-ca { max-width: 180px; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    function copyCA() {\r\n        const ca = \"0xOK_CONTRACT_ADDRESS_HERE\";\r\n        \r\n        navigator.clipboard.writeText(ca).then(() => {\r\n            const btn = document.getElementById('copyBtn');\r\n            const caValue = document.getElementById('caValue');\r\n            const originalValue = caValue.innerText;\r\n            \r\n            \/\/ Animasi feedback\r\n            caValue.innerText = \"COPIED!\";\r\n            btn.style.backgroundColor = \"var(--secondary-glow)\";\r\n            btn.style.color = \"#000\";\r\n            document.querySelector('.ca-label').style.color = \"#000\";\r\n            \r\n            setTimeout(() => {\r\n                caValue.innerText = originalValue;\r\n                btn.style.backgroundColor = \"\"; \r\n                btn.style.color = \"\";\r\n                document.querySelector('.ca-label').style.color = \"\";\r\n            }, 2000);\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-8ac2a99 elementor-widget elementor-widget-html\" data-id=\"8ac2a99\" data-element_type=\"widget\" id=\"hero\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section id=\"hero\">\r\n    <div class=\"hero-visual\">\r\n        <div class=\"hero-glow-circle\"><\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/its-ok.fun\/wp-content\/uploads\/2026\/04\/OK3.gif\" alt=\"Universal Signal\" class=\"hero-logo\">\r\n    <\/div>\r\n\r\n    \r\n\r\n        <h1 class=\"hero-headline\">\r\n            UNIVERSAL SIGNAL. <br> \r\n            <span class=\"gradient-text\">DIGITAL FREEDOM.<\/span>\r\n        <\/h1>\r\n        \r\n        <p class=\"hero-description\">\r\n            More than just a gesture. <strong>$OK<\/strong> is the global confirmation of trust, peace amidst volatility, and a unified vision for the decentralized future.\r\n        <\/p>\r\n\r\n        <div class=\"hero-btns\">\r\n            <a href=\"#\" class=\"btn-primary\">BUY $OK NOW<\/a>\r\n            <a href=\"#about\" class=\"btn-secondary\">WHITEPAPER<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n<style>\r\n    \/* --- HERO SECTION STYLES --- *\/\r\n    #hero {\r\n        position: relative;\r\n        min-height: 100vh;\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        padding: 14px 5% 100px;\r\n        text-align: center;\r\n        z-index: 10;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Visual Logo & Glow *\/\r\n    .hero-visual {\r\n        position: relative;\r\n        margin-bottom: 25px;\r\n        z-index: 5;\r\n    }\r\n\r\n    .hero-logo {\r\n        width: 100%;\r\n        max-width: 400px;\r\n        filter: drop-shadow(0 0 50px rgba(0, 212, 255, 0.4));\r\n        animation: heroFloat 5s infinite ease-in-out;\r\n        position: relative;\r\n        z-index: 10;\r\n    }\r\n\r\n    .hero-glow-circle {\r\n        position: absolute;\r\n        width: 250px;\r\n        height: 250px;\r\n        background: radial-gradient(circle, #8A2BE2 0%, transparent 70%);\r\n        filter: blur(80px);\r\n        opacity: 0.3;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* JUDUL UTAMA OK. (Di bawah GIF) *\/\r\n    .project-identity {\r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n        font-weight: 900;\r\n        font-size: 3rem;\r\n        letter-spacing: 12px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 15px;\r\n        color: #fff;\r\n        position: relative;\r\n        z-index: 20;\r\n        \/* Efek Kilauan (Shimmer) *\/\r\n        background: linear-gradient(to right, #fff 20%, #00D4FF 50%, #fff 80%);\r\n        background-size: 200% auto;\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        animation: shimmerText 3s linear infinite;\r\n        filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.2));\r\n    }\r\n\r\n    \/* Slogan Utama *\/\r\n    .hero-headline {\r\n        font-size: clamp(2.5rem, 10vw, 5rem);\r\n        font-weight: 800;\r\n        line-height: 1;\r\n        letter-spacing: -2px;\r\n        margin-bottom: 25px;\r\n        color: #fff;\r\n    }\r\n\r\n    .gradient-text {\r\n        background: linear-gradient(135deg, #fff 40%, #00D4FF);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    .hero-description {\r\n        font-size: clamp(1rem, 3vw, 1.2rem);\r\n        color: rgba(255, 255, 255, 0.6);\r\n        max-width: 650px;\r\n        margin: 0 auto 45px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* Tombol *\/\r\n    .hero-btns {\r\n        display: flex;\r\n        gap: 20px;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .btn-primary {\r\n        background: #fff;\r\n        color: #000;\r\n        padding: 18px 45px;\r\n        border-radius: 100px;\r\n        font-weight: 800;\r\n        text-decoration: none;\r\n        box-shadow: 0 10px 30px rgba(255, 255, 255, 0.2);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .btn-primary:hover {\r\n        background: #00D4FF;\r\n        color: #fff;\r\n        transform: translateY(-5px) scale(1.05);\r\n        box-shadow: 0 15px 40px rgba(0, 212, 255, 0.4);\r\n    }\r\n\r\n    .btn-secondary {\r\n        padding: 18px 45px;\r\n        border-radius: 100px;\r\n        border: 1px solid rgba(255, 255, 255, 0.2);\r\n        color: #fff;\r\n        text-decoration: none;\r\n        font-weight: 600;\r\n        backdrop-filter: blur(10px);\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .btn-secondary:hover {\r\n        background: rgba(255, 255, 255, 0.1);\r\n        border-color: #00D4FF;\r\n    }\r\n\r\n    \/* Animasi *\/\r\n    @keyframes heroFloat {\r\n        0%, 100% { transform: translateY(0); }\r\n        50% { transform: translateY(-20px); }\r\n    }\r\n\r\n    @keyframes shimmerText {\r\n        to { background-position: 200% center; }\r\n    }\r\n\r\n    \/* Mobile Responsive *\/\r\n    @media (max-width: 768px) {\r\n        .project-identity { font-size: 2rem; letter-spacing: 8px; }\r\n        .hero-logo { max-width: 280px; }\r\n        .hero-btns a { width: 100%; }\r\n    }\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f363513 elementor-widget elementor-widget-html\" data-id=\"f363513\" data-element_type=\"widget\" id=\"about\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    \/* DEFINISI VARIABEL WARNA (Pastikan ini ada di root CSS Anda) *\/\r\n    :root {\r\n        --primary: #8A2BE2; \/* Neon Violet *\/\r\n        --secondary: #00D4FF; \/* Electric Blue *\/\r\n    }\r\n\r\n    \/* --- ABOUT SECTION (LIGHT GLASSMorphism) --- *\/\r\n    #about {\r\n        padding: 140px 5%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .about-card {\r\n        width: 100%;\r\n        max-width: 1100px;\r\n        display: grid;\r\n        \/* Mengubah proporsi grid agar GIF punya ruang lebih besar *\/\r\n        grid-template-columns: 1.2fr 1fr; \r\n        gap: 60px;\r\n        align-items: center;\r\n        \r\n        \/* GANTI KE PUTIH TRANSPARAN (LIGHT MODE GLASS) *\/\r\n        background: rgba(255, 255, 255, 0.05); \r\n        backdrop-filter: blur(30px);\r\n        -webkit-backdrop-filter: blur(30px);\r\n        border: 1px solid rgba(255, 255, 255, 0.2); \/* Border lebih terang *\/\r\n        border-radius: 60px;\r\n        padding: 80px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        \/* Shadow disesuaikan agar lembut di BG putih *\/\r\n        box-shadow: 0 40px 100px rgba(0, 212, 255, 0.15); \r\n    }\r\n\r\n    \/* Efek Animasi Cahaya (Tetap warna secondary agar 'pop') *\/\r\n    .about-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        width: 400px;\r\n        height: 400px;\r\n        background: var(--secondary);\r\n        filter: blur(150px);\r\n        opacity: 0.2; \/* Sedikit lebih terang *\/\r\n        top: -100px;\r\n        right: -100px;\r\n        z-index: 0;\r\n        animation: pulseGlow 8s infinite alternate;\r\n    }\r\n\r\n    \/* Aksen Dekoratif (Garis Halus Putih) *\/\r\n    .about-card::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 25px;\r\n        left: 25px;\r\n        width: 50px;\r\n        height: 50px;\r\n        border-top: 3px solid rgba(255, 255, 255, 0.5);\r\n        border-left: 3px solid rgba(255, 255, 255, 0.5);\r\n        border-radius: 15px 0 0 0;\r\n    }\r\n\r\n    .about-visual {\r\n        position: relative;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Pendaran di belakang gambar GIF (Dibuat lebih besar) *\/\r\n    .img-glow-orb {\r\n        position: absolute;\r\n        width: 300px;\r\n        height: 300px;\r\n        background: radial-gradient(circle, var(--primary) 0%, transparent 70%);\r\n        filter: blur(100px);\r\n        opacity: 0.4;\r\n        z-index: -1;\r\n    }\r\n\r\n    \/* UKURAN GIF DIPERBESAR *\/\r\n    .about-img {\r\n        width: 110%; \/* Lebih besar dari kontainer awal *\/\r\n        max-width: 450px; \/* Batas maksimal diperbesar *\/\r\n        filter: drop-shadow(0 0 60px rgba(138, 43, 226, 0.5));\r\n        animation: subtleFloat 6s infinite ease-in-out;\r\n        transform: translateX(-5%); \/* Sedikit geser kiri untuk keseimbangan visual *\/\r\n    }\r\n\r\n    .about-content {\r\n        position: relative;\r\n        z-index: 1;\r\n        text-align: left;\r\n    }\r\n\r\n    .about-label {\r\n        font-size: 0.8rem;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        letter-spacing: 5px;\r\n        color: var(--secondary); \/* Tetap biru agar kontras *\/\r\n        margin-bottom: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n    }\r\n\r\n    .about-label::before {\r\n        content: '';\r\n        width: 35px;\r\n        height: 2px;\r\n        background: var(--secondary);\r\n    }\r\n\r\n    \/* GANTI WARNA TEKS JADI GELAP AGAR KONTRAS DI BG PUTIH *\/\r\n    .about-content h2 {\r\n        font-size: clamp(2.5rem, 5vw, 3.8rem);\r\n        font-weight: 800;\r\n        line-height: 1.05;\r\n        margin-bottom: 35px;\r\n        \/* Gradasi gelap ke putih transparan *\/\r\n        background: linear-gradient(135deg, #ffffff 50%, rgba(255, 255, 255, 0.5));\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n    .about-content p {\r\n        font-size: 1.15rem;\r\n        line-height: 1.8;\r\n        color: rgba(255, 255, 255, 0.7); \/* Putih keabuan agar lembut *\/\r\n        margin-bottom: 25px;\r\n        font-weight: 400;\r\n    }\r\n\r\n    \/* Highlight Teks (Gunakan warna terang) *\/\r\n    .highlight-text {\r\n        color: #fff; \/* Putih murni *\/\r\n        font-weight: 700;\r\n        text-shadow: 0 0 10px rgba(0, 212, 255, 0.5);\r\n    }\r\n\r\n    \/* Animasi *\/\r\n    @keyframes subtleFloat {\r\n        0%, 100% { transform: translateY(0) translateX(-5%) scale(1); }\r\n        50% { transform: translateY(-25px) translateX(-5%) scale(1.03); }\r\n    }\r\n\r\n    @keyframes pulseGlow {\r\n        from { opacity: 0.15; transform: scale(1); }\r\n        to { opacity: 0.3; transform: scale(1.2); }\r\n    }\r\n\r\n    \/* Responsif Mobile *\/\r\n    @media (max-width: 992px) {\r\n        .about-card {\r\n            grid-template-columns: 1fr;\r\n            padding: 60px 30px;\r\n            text-align: center;\r\n            gap: 50px;\r\n            border-radius: 40px;\r\n        }\r\n        .about-content {\r\n            text-align: center;\r\n        }\r\n        .about-label {\r\n            justify-content: center;\r\n        }\r\n        .about-label::before { display: none; }\r\n        .about-img {\r\n            max-width: 320px;\r\n            width: 100%;\r\n            transform: translateX(0); \/* Reset posisi di mobile *\/\r\n            margin-bottom: -20px; \/* Efek overlapping sedikit *\/\r\n        }\r\n        @keyframes subtleFloat {\r\n            0%, 100% { transform: translateY(0) scale(1); }\r\n            50% { transform: translateY(-20px) scale(1.03); }\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"about\">\r\n    <div class=\"about-card\">\r\n        <div class=\"about-visual\">\r\n            <div class=\"img-glow-orb\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/its-ok.fun\/wp-content\/uploads\/2026\/04\/OK5.gif\" alt=\"About OK\" class=\"about-img\">\r\n        <\/div>\r\n\r\n        <div class=\"about-content\">\r\n            <span class=\"about-label\">Discovery<\/span>\r\n            <h2>The confirmation of a new era.<\/h2>\r\n            <p>\r\n                In a digital world often clouded by uncertainty, <span class=\"highlight-text\">$OK<\/span> stands as the ultimate symbol of clarity. Inspired by the universal gesture for \"All Correct,\" we've transformed a centuries-old sign of approval into a decentralized movement.\r\n            <\/p>\r\n            <p>\r\n                This isn't just another token; it\u2019s a <span class=\"highlight-text\">cultural signal<\/span>. When you hold OK, you\u2019re not just holding an asset\u2014you\u2019re confirming your belief in a future that is already verified, secure, and above all, OK.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9592206 elementor-widget elementor-widget-html\" data-id=\"9592206\" data-element_type=\"widget\" id=\"tokenomics\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    \/* --- TOKENOMICS: THE MAGNIFIED CORE --- *\/\r\n    #tokenomics {\r\n        padding: 160px 5%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .token-orbital-wrapper {\r\n        width: 100%;\r\n        max-width: 1300px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        position: relative;\r\n    }\r\n\r\n    .token-header-main {\r\n        text-align: center;\r\n        margin-bottom: 100px;\r\n        width: 100%;\r\n    }\r\n\r\n    .token-header-main h2 {\r\n        \/* Memastikan judul tidak terpotong dengan padding & line-height *\/\r\n        font-size: clamp(2.8rem, 8vw, 4.5rem);\r\n        font-weight: 900;\r\n        letter-spacing: -2px;\r\n        line-height: 1.2; \r\n        padding: 10px 0;\r\n        background: linear-gradient(to bottom, #fff 30%, var(--secondary));\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        display: block;\r\n    }\r\n\r\n    \/* Core Layout: Grid dengan GIF yang lebih lebar *\/\r\n    .token-grid-layout {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1.4fr 1fr; \/* Proporsi tengah diperbesar *\/\r\n        gap: 50px;\r\n        align-items: center;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Center GIF Styling (Magnified) *\/\r\n    .token-core {\r\n        position: relative;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .token-core-gif {\r\n        width: 100%;\r\n        max-width: 440px; \/* Ukuran GIF diperbesar lagi *\/\r\n        filter: drop-shadow(0 0 70px rgba(0, 212, 255, 0.5));\r\n        z-index: 5;\r\n        animation: corePulse 4s infinite ease-in-out;\r\n    }\r\n\r\n    \/* Orbiting Rings diperbesar sesuai GIF *\/\r\n    .orbit-ring {\r\n        position: absolute;\r\n        width: 550px;\r\n        height: 550px;\r\n        border: 1px dashed rgba(0, 212, 255, 0.2);\r\n        border-radius: 50%;\r\n        animation: spinOrbit 30s linear infinite;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Point Card Styling *\/\r\n    .token-points-col {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 40px;\r\n    }\r\n\r\n    .point-card {\r\n        padding: 40px;\r\n        background: rgba(255, 255, 255, 0.02);\r\n        backdrop-filter: blur(25px);\r\n        -webkit-backdrop-filter: blur(25px);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-radius: 45px;\r\n        transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .point-card:hover {\r\n        transform: translateY(-15px);\r\n        border-color: var(--secondary);\r\n        background: rgba(255, 255, 255, 0.06);\r\n        box-shadow: 0 40px 80px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .point-card .point-tag {\r\n        font-size: 0.75rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 4px;\r\n        color: var(--secondary);\r\n        margin-bottom: 15px;\r\n        display: block;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .point-card .point-title {\r\n        font-size: 2.5rem;\r\n        font-weight: 900;\r\n        color: #fff;\r\n        display: block;\r\n        line-height: 1;\r\n    }\r\n\r\n    .point-card p {\r\n        font-size: 1rem;\r\n        color: rgba(255, 255, 255, 0.5);\r\n        margin-top: 15px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* Metric Footer *\/\r\n    .token-tech-footer {\r\n        margin-top: 120px;\r\n        padding: 30px 80px;\r\n        background: rgba(255, 255, 255, 0.03);\r\n        border-radius: 100px;\r\n        display: flex;\r\n        gap: 80px;\r\n        border: 1px solid rgba(255, 255, 255, 0.08);\r\n    }\r\n\r\n    .tech-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .tech-item span:first-child {\r\n        font-size: 0.7rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 3px;\r\n        color: rgba(255,255,255,0.4);\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .tech-item span:last-child {\r\n        font-weight: 800;\r\n        color: #fff;\r\n        font-size: 1.2rem;\r\n    }\r\n\r\n    @keyframes corePulse {\r\n        0%, 100% { transform: scale(1); filter: drop-shadow(0 0 50px rgba(0, 212, 255, 0.4)); }\r\n        50% { transform: scale(1.04); filter: drop-shadow(0 0 90px rgba(0, 212, 255, 0.7)); }\r\n    }\r\n\r\n    @keyframes spinOrbit {\r\n        from { transform: rotate(0deg); }\r\n        to { transform: rotate(360deg); }\r\n    }\r\n\r\n    \/* Mobile Adaptability *\/\r\n    @media (max-width: 1024px) {\r\n        .token-grid-layout { grid-template-columns: 1fr; text-align: center; }\r\n        .token-core { order: -1; margin-bottom: 60px; }\r\n        .token-core-gif { max-width: 320px; }\r\n        .orbit-ring { width: 400px; height: 400px; }\r\n        .token-tech-footer {\r\n            flex-direction: column;\r\n            gap: 40px;\r\n            border-radius: 50px;\r\n            padding: 50px;\r\n            width: 100%;\r\n        }\r\n        .token-header-main h2 { font-size: 3rem; }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"tokenomics\">\r\n    <div class=\"token-orbital-wrapper\">\r\n        <div class=\"token-header-main\">\r\n            <h2>Economic Integrity<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"token-grid-layout\">\r\n            <div class=\"token-points-col\">\r\n                <div class=\"point-card\">\r\n                    <span class=\"point-tag\">Supply Limit<\/span>\r\n                    <span class=\"point-title\">1 Billion<\/span>\r\n                    <p>A strictly capped digital issuance. No new tokens can ever be created, ensuring absolute digital scarcity.<\/p>\r\n                <\/div>\r\n                <div class=\"point-card\">\r\n                    <span class=\"point-tag\">Liquidity<\/span>\r\n                    <span class=\"point-title\">Immortal<\/span>\r\n                    <p>The LP tokens are burned into the void. The keys are gone, the floor is set, the trust is final.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"token-core\">\r\n                <div class=\"orbit-ring\"><\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/its-ok.fun\/wp-content\/uploads\/2026\/04\/OK4.gif\" alt=\"OK Universe Core\" class=\"token-core-gif\">\r\n            <\/div>\r\n\r\n            <div class=\"token-points-col\">\r\n                <div class=\"point-card\">\r\n                    <span class=\"point-tag\">Fees<\/span>\r\n                    <span class=\"point-title\">Pure Zero<\/span>\r\n                    <p>No buy taxes. No sell taxes. Zero friction for a community that values absolute confirmation.<\/p>\r\n                <\/div>\r\n                <div class=\"point-card\">\r\n                    <span class=\"point-tag\">Standard<\/span>\r\n                    <span class=\"point-title\">Solana<\/span>\r\n                    <p>Built on the fastest network for the fastest global movement. Millisecond confirmations, forever OK.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"token-tech-footer\">\r\n            <div class=\"tech-item\">\r\n                <span>Ticker<\/span>\r\n                <span>$OK<\/span>\r\n            <\/div>\r\n            <div class=\"tech-item\">\r\n                <span>Ownership<\/span>\r\n                <span>Renounced<\/span>\r\n            <\/div>\r\n            <div class=\"tech-item\">\r\n                <span>Network<\/span>\r\n                <span>Verified<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65a189f elementor-widget elementor-widget-html\" data-id=\"65a189f\" 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    \/* --- SECTION QUOTE: SEAMLESS GLOBAL EDITION --- *\/\r\n    #historical-quote {\r\n        padding: 160px 5%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        position: relative;\r\n        overflow: hidden;\r\n        \/* Menghilangkan background hitam agar BG Global terlihat *\/\r\n        background: transparent; \r\n    }\r\n\r\n    .artifact-frame {\r\n        width: 100%;\r\n        max-width: 1100px;\r\n        padding: 120px 80px;\r\n        \/* Mengurangi opasitas agar lebih menyatu dengan BG Global *\/\r\n        background: linear-gradient(135deg, rgba(255, 255, 255, 0.01) 0%, rgba(138, 43, 226, 0.05) 50%, rgba(255, 255, 255, 0.01) 100%);\r\n        backdrop-filter: blur(40px);\r\n        -webkit-backdrop-filter: blur(40px);\r\n        \r\n        \/* Menggunakan Border Radius yang didukung browser modern tanpa mematikan Clip Path *\/\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-radius: 80px;\r\n        \r\n        text-align: center;\r\n        position: relative;\r\n        overflow: hidden;\r\n        box-shadow: 0 40px 100px rgba(0, 0, 0, 0.3);\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Video Background (Lebaj Muted agar BG Global tetap terasa) *\/\r\n    .quote-video-bg {\r\n        position: absolute;\r\n        inset: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        z-index: -1;\r\n        opacity: 0.3; \/* Lebih transparan *\/\r\n        filter: saturate(1.5) brightness(0.8);\r\n    }\r\n\r\n    .video-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        \/* Gradasi yang memudar ke transparan agar pendaran BG Global masuk *\/\r\n        background: radial-gradient(circle at center, transparent 0%, rgba(5, 5, 16, 0.6) 100%);\r\n        z-index: 0;\r\n    }\r\n\r\n    .historical-label-vibrant {\r\n        font-size: 0.75rem;\r\n        font-weight: 800;\r\n        letter-spacing: 5px;\r\n        text-transform: uppercase;\r\n        color: #fff;\r\n        margin-bottom: 40px;\r\n        display: inline-block;\r\n        padding: 8px 20px;\r\n        background: rgba(138, 43, 226, 0.15);\r\n        border: 1px solid var(--secondary); \/* Menggunakan warna sekunder agar selaras *\/\r\n        border-radius: 50px;\r\n        box-shadow: 0 0 20px rgba(0, 212, 255, 0.2);\r\n    }\r\n\r\n    .quote-text-colorful {\r\n        font-size: clamp(1.8rem, 6vw, 3.2rem);\r\n        font-weight: 800;\r\n        line-height: 1.2;\r\n        color: #fff;\r\n        max-width: 900px;\r\n        margin: 0 auto 40px;\r\n        letter-spacing: -1.5px;\r\n        z-index: 2;\r\n    }\r\n\r\n    .quote-text-colorful span {\r\n        background: linear-gradient(90deg, #fff 0%, var(--secondary) 50%, var(--primary) 100%);\r\n        background-size: 200% auto;\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        animation: shimmerText 4s linear infinite;\r\n        font-weight: 900;\r\n    }\r\n\r\n    .historical-source-vibrant {\r\n        font-size: 0.95rem;\r\n        color: rgba(255, 255, 255, 0.5);\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    @keyframes shimmerText {\r\n        to { background-position: 200% center; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .artifact-frame {\r\n            padding: 80px 30px;\r\n            border-radius: 40px;\r\n        }\r\n        .quote-text-colorful {\r\n            font-size: 1.8rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"historical-quote\">\r\n    <div class=\"artifact-frame\">\r\n        <video class=\"quote-video-bg\" autoplay muted loop playsinline>\r\n            <source src=\"https:\/\/its-ok.fun\/wp-content\/uploads\/2026\/04\/OK1-1.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n        \r\n        <div class=\"video-overlay\"><\/div>\r\n\r\n        <span class=\"historical-label-vibrant\">Historical Origin<\/span>\r\n        \r\n        <h2 class=\"quote-text-colorful\">\r\n            \"The term <span>O.K.<\/span> originated as an abbreviation for <span>'Oll Korrect'<\/span>, a popular slang misspelling of 'All Correct' in the 1830s.\"\r\n        <\/h2>\r\n\r\n        <p class=\"historical-source-vibrant\">\r\n            Reflecting a legacy that spans nearly two centuries, <b>OK<\/b> remains the most widely understood signal of approval and absolute confirmation in human history.\r\n        <\/p>\r\n    <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0cc6eff elementor-widget elementor-widget-html\" data-id=\"0cc6eff\" data-element_type=\"widget\" id=\"roadmap\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    \/* --- ULTIMATE WIDE ROADMAP SYSTEM --- *\/\r\n    \r\n    \/* Container utama menggunakan lebar viewport untuk menjamin ukuran besar *\/\r\n    #roadmap-ultimate {\r\n        padding: 160px 0;\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        position: relative;\r\n        overflow: hidden; \/* Mencegah horizontal scroll yang tak diinginkan *\/\r\n        background: transparent !important;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .rd-header {\r\n        text-align: center;\r\n        margin-bottom: 120px;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .rd-header h2 {\r\n        font-size: clamp(3rem, 8vw, 5rem);\r\n        font-weight: 900;\r\n        letter-spacing: -4px;\r\n        line-height: 1;\r\n        background: linear-gradient(to bottom, #fff 40%, var(--secondary));\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    \/* Container Roadmap yang fleksibel dan lebar *\/\r\n    .rd-wrapper {\r\n        position: relative;\r\n        width: 95%;\r\n        max-width: 1400px; \/* Diperlebar maksimal untuk Desktop *\/\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Garis Tengah (Glow Tech Line) *\/\r\n    .rd-wrapper::before {\r\n        content: '';\r\n        position: absolute;\r\n        left: 50%;\r\n        top: 0;\r\n        bottom: 0;\r\n        width: 4px;\r\n        background: linear-gradient(to bottom, \r\n            transparent, \r\n            rgba(255, 255, 255, 0.8) 10%, \r\n            var(--secondary) 50%, \r\n            rgba(255, 255, 255, 0.8) 90%, \r\n            transparent);\r\n        transform: translateX(-50%);\r\n        z-index: 1;\r\n        box-shadow: 0 0 30px rgba(0, 212, 255, 0.3);\r\n    }\r\n\r\n    .rd-item {\r\n        position: relative;\r\n        width: 100%;\r\n        margin-bottom: 100px;\r\n        display: flex;\r\n        justify-content: flex-end; \/* Sisi Kanan *\/\r\n        z-index: 2;\r\n    }\r\n\r\n    .rd-item:nth-child(even) {\r\n        justify-content: flex-start; \/* Sisi Kiri *\/\r\n    }\r\n\r\n    \/* Titik Pusat Mewah *\/\r\n    .rd-dot {\r\n        position: absolute;\r\n        left: 50%;\r\n        top: 50px;\r\n        width: 28px;\r\n        height: 28px;\r\n        background: #fff;\r\n        border: 5px solid var(--secondary);\r\n        border-radius: 50%;\r\n        transform: translateX(-50%);\r\n        box-shadow: 0 0 30px var(--secondary), 0 0 60px rgba(255, 255, 255, 0.2);\r\n        z-index: 10;\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    \/* Kartu Roadamp (White Glass Style) *\/\r\n    .rd-card {\r\n        width: 46%; \/* Ukuran sangat lebar *\/\r\n        padding: 60px;\r\n        background: rgba(255, 255, 255, 0.04);\r\n        backdrop-filter: blur(40px);\r\n        -webkit-backdrop-filter: blur(40px);\r\n        border: 1px solid rgba(255, 255, 255, 0.15);\r\n        border-radius: 60px;\r\n        transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n        position: relative;\r\n        box-shadow: 0 40px 100px rgba(0, 0, 0, 0.3);\r\n    }\r\n\r\n    .rd-card:hover {\r\n        transform: translateY(-20px) scale(1.02);\r\n        background: rgba(255, 255, 255, 0.08);\r\n        border-color: var(--secondary);\r\n        box-shadow: 0 50px 120px rgba(0, 0, 0, 0.5), 0 0 30px rgba(0, 212, 255, 0.2);\r\n    }\r\n\r\n    \/* Konten di dalam Kartu *\/\r\n    .rd-tag {\r\n        font-size: 0.85rem;\r\n        font-weight: 900;\r\n        text-transform: uppercase;\r\n        letter-spacing: 4px;\r\n        color: #fff;\r\n        background: var(--secondary);\r\n        padding: 8px 24px;\r\n        border-radius: 100px;\r\n        display: inline-block;\r\n        margin-bottom: 30px;\r\n        box-shadow: 0 10px 20px rgba(0, 212, 255, 0.3);\r\n    }\r\n\r\n    .rd-card h3 {\r\n        font-size: clamp(2rem, 4vw, 3rem);\r\n        font-weight: 900;\r\n        color: #fff;\r\n        margin-bottom: 25px;\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n    .rd-list {\r\n        list-style: none;\r\n        padding: 0;\r\n    }\r\n\r\n    .rd-list li {\r\n        color: rgba(255, 255, 255, 0.7);\r\n        font-size: 1.15rem;\r\n        margin-bottom: 18px;\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 15px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .rd-list li::before {\r\n        content: '\u2713';\r\n        color: var(--secondary);\r\n        font-weight: 900;\r\n        font-size: 1.3rem;\r\n        text-shadow: 0 0 10px var(--secondary);\r\n    }\r\n\r\n    \/* Animasi Dot saat Hover *\/\r\n    .rd-item:hover .rd-dot {\r\n        transform: translateX(-50%) scale(1.4);\r\n        background: var(--secondary);\r\n        box-shadow: 0 0 40px var(--secondary);\r\n    }\r\n\r\n    \/* --- RESPONSIVE MOBILE --- *\/\r\n    @media (max-width: 1024px) {\r\n        .rd-card { width: 44%; padding: 40px; }\r\n    }\r\n\r\n    @media (max-width: 850px) {\r\n        #roadmap-ultimate { padding: 80px 0; }\r\n        \r\n        .rd-wrapper::before {\r\n            left: 30px;\r\n            transform: none;\r\n        }\r\n\r\n        .rd-dot {\r\n            left: 30px;\r\n            transform: translateX(-50%);\r\n            top: 40px;\r\n            width: 22px;\r\n            height: 22px;\r\n        }\r\n\r\n        .rd-item, .rd-item:nth-child(even) {\r\n            justify-content: flex-start;\r\n            padding-left: 65px;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .rd-card {\r\n            width: 92%;\r\n            padding: 35px;\r\n            border-radius: 40px;\r\n        }\r\n\r\n        .rd-header h2 { font-size: 3rem; }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"roadmap-ultimate\">\r\n    <div class=\"rd-header\">\r\n        <h2>STRATEGIC EVOLUTION<\/h2>\r\n        <p style=\"color: rgba(255,255,255,0.5); font-size: 1.2rem; font-weight: 500; letter-spacing: 2px;\">THE CONFIRMED PATHWAY TO GLOBAL DOMINANCE<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"rd-wrapper\">\r\n        \r\n        <div class=\"rd-item\">\r\n            <div class=\"rd-dot\"><\/div>\r\n            <div class=\"rd-card\">\r\n                <span class=\"rd-tag\">Phase I<\/span>\r\n                <h3>The Signal<\/h3>\r\n                <ul class=\"rd-list\">\r\n                    <li>Stealth Launch on Solana Network<\/li>\r\n                    <li>Burned LP & Renounced Contract<\/li>\r\n                    <li>Formation of the OK Elite Vanguard<\/li>\r\n                    <li>Initial Viral Saturation across X<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rd-item\">\r\n            <div class=\"rd-dot\"><\/div>\r\n            <div class=\"rd-card\">\r\n                <span class=\"rd-tag\">Phase II<\/span>\r\n                <h3>Confirmation<\/h3>\r\n                <ul class=\"rd-list\">\r\n                    <li>Strategic Alpha Partnerships<\/li>\r\n                    <li>Listing on Global Asset Trackers<\/li>\r\n                    <li>Aggressive Influencer Integration<\/li>\r\n                    <li>Community Milestone: 10,000 Holders<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rd-item\">\r\n            <div class=\"rd-dot\"><\/div>\r\n            <div class=\"rd-card\">\r\n                <span class=\"rd-tag\">Phase III<\/span>\r\n                <h3>Universal<\/h3>\r\n                <ul class=\"rd-list\">\r\n                    <li>Major Tier-1 Centralized Listing<\/li>\r\n                    <li>Real-World Marketing Takeover<\/li>\r\n                    <li>$OK Ecosystem Tooling Suite<\/li>\r\n                    <li>Establishment of the OK Foundation<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rd-item\">\r\n            <div class=\"rd-dot\"><\/div>\r\n            <div class=\"rd-card\">\r\n                <span class=\"rd-tag\">Phase IV<\/span>\r\n                <h3>Infinite<\/h3>\r\n                <ul class=\"rd-list\">\r\n                    <li>Global Cultural Brand Dominance<\/li>\r\n                    <li>$OK as Universal Meme Standard<\/li>\r\n                    <li>Cross-Chain Digital Identity Integration<\/li>\r\n                    <li>The Future is Officially Confirmed<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10954d7 elementor-widget elementor-widget-html\" data-id=\"10954d7\" data-element_type=\"widget\" id=\"faq\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    \/* --- SECTION FAQ (CYBER-FLUID GLASS) --- *\/\r\n    #faq {\r\n        padding: 140px 5%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        position: relative;\r\n    }\r\n\r\n    .faq-header-vibrant {\r\n        text-align: center;\r\n        margin-bottom: 80px;\r\n    }\r\n\r\n    .faq-header-vibrant h2 {\r\n        font-size: clamp(2.5rem, 8vw, 4rem);\r\n        font-weight: 900;\r\n        letter-spacing: -2px;\r\n        background: linear-gradient(to bottom, #fff 50%, var(--secondary));\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .faq-container {\r\n        width: 100%;\r\n        max-width: 850px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n    }\r\n\r\n    .faq-item {\r\n        \/* LIGHT GLASS BASE *\/\r\n        background: rgba(255, 255, 255, 0.03);\r\n        backdrop-filter: blur(25px);\r\n        -webkit-backdrop-filter: blur(25px);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-radius: 30px;\r\n        overflow: hidden;\r\n        transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        position: relative;\r\n    }\r\n\r\n    \/* Efek Border Mengalir saat Active *\/\r\n    .faq-item::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        border-radius: 30px;\r\n        padding: 2px; \/* Tebal border neon *\/\r\n        background: linear-gradient(90deg, var(--secondary), var(--primary), var(--secondary));\r\n        background-size: 200% auto;\r\n        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n        -webkit-mask-composite: xor;\r\n        mask-composite: exclude;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n        animation: gradientFlow 4s linear infinite;\r\n    }\r\n\r\n    .faq-item.active::before {\r\n        opacity: 1;\r\n    }\r\n\r\n    .faq-question {\r\n        padding: 30px 40px;\r\n        cursor: pointer;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        z-index: 2;\r\n        position: relative;\r\n    }\r\n\r\n    .faq-question h4 {\r\n        font-size: 1.2rem;\r\n        font-weight: 700;\r\n        color: #fff;\r\n        transition: color 0.3s ease;\r\n    }\r\n\r\n    \/* Icon Toggle Futuristik *\/\r\n    .faq-trigger {\r\n        width: 40px;\r\n        height: 40px;\r\n        background: rgba(255, 255, 255, 0.05);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        transition: all 0.4s ease;\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    .faq-trigger i {\r\n        width: 12px;\r\n        height: 12px;\r\n        border-right: 3px solid var(--secondary);\r\n        border-bottom: 3px solid var(--secondary);\r\n        transform: rotate(45deg) translate(-2px, -2px);\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    \/* Jawaban dengan Animasi Smooth *\/\r\n    .faq-answer {\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n        padding: 0 40px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .faq-answer p {\r\n        padding-bottom: 35px;\r\n        color: rgba(255, 255, 255, 0.6);\r\n        font-size: 1.05rem;\r\n        line-height: 1.8;\r\n        max-width: 90%;\r\n    }\r\n\r\n    \/* State Active Styling *\/\r\n    .faq-item.active {\r\n        background: rgba(255, 255, 255, 0.08);\r\n        transform: scale(1.02);\r\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n    }\r\n\r\n    .faq-item.active .faq-trigger {\r\n        background: var(--secondary);\r\n        transform: rotate(180deg);\r\n        box-shadow: 0 0 20px var(--secondary);\r\n    }\r\n\r\n    .faq-item.active .faq-trigger i {\r\n        border-color: #000;\r\n    }\r\n\r\n    .faq-item.active .faq-answer {\r\n        max-height: 400px; \/* Diperbesar agar teks aman *\/\r\n    }\r\n\r\n    @keyframes gradientFlow {\r\n        0% { background-position: 0% center; }\r\n        100% { background-position: 200% center; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .faq-question { padding: 25px; }\r\n        .faq-question h4 { font-size: 1.1rem; }\r\n        .faq-answer { padding: 0 25px; }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"faq\">\r\n    <div class=\"faq-header-vibrant\">\r\n        <h2>Common Queries<\/h2>\r\n        <p style=\"color: rgba(255,255,255,0.5); font-size: 1.1rem;\">Clear answers for a confirmed future.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"faq-container\">\r\n        <div class=\"faq-item\">\r\n            <div class=\"faq-question\">\r\n                <h4>What is the core mission of $OK?<\/h4>\r\n                <div class=\"faq-trigger\"><i><\/i><\/div>\r\n            <\/div>\r\n            <div class=\"faq-answer\">\r\n                <p>The $OK project aims to establish the universal gesture of \"All Correct\" as a leading cultural asset on the Solana blockchain, fostering a community built on positivity and absolute confirmation.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <div class=\"faq-question\">\r\n                <h4>Is the liquidity fully secured?<\/h4>\r\n                <div class=\"faq-trigger\"><i><\/i><\/div>\r\n            <\/div>\r\n            <div class=\"faq-answer\">\r\n                <p>Absolutely. Security is our priority. 100% of the initial liquidity has been burned, and the contract ownership has been renounced to ensure a community-owned future that is always OK.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <div class=\"faq-question\">\r\n                <h4>Are there any hidden transaction taxes?<\/h4>\r\n                <div class=\"faq-trigger\"><i><\/i><\/div>\r\n            <\/div>\r\n            <div class=\"faq-answer\">\r\n                <p>Zero. None. There is a 0% buy and sell tax. We believe in frictionless trading and full transparency for our holders in the Solana ecosystem.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <div class=\"faq-question\">\r\n                <h4>How can I join the OK movement?<\/h4>\r\n                <div class=\"faq-trigger\"><i><\/i><\/div>\r\n            <\/div>\r\n            <div class=\"faq-answer\">\r\n                <p>Join the signal on X (Twitter) and our Telegram. We are a community-driven project where every voice contributes to the global confirmation.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    document.querySelectorAll('.faq-item').forEach(item => {\r\n        const question = item.querySelector('.faq-question');\r\n        \r\n        question.addEventListener('click', () => {\r\n            const isActive = item.classList.contains('active');\r\n            \r\n            \/\/ Tutup item lain yang sedang terbuka\r\n            document.querySelectorAll('.faq-item').forEach(otherItem => {\r\n                if (otherItem !== item) {\r\n                    otherItem.classList.remove('active');\r\n                }\r\n            });\r\n            \r\n            \/\/ Toggle item yang diklik\r\n            item.classList.toggle('active');\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-84bb941 elementor-widget elementor-widget-html\" data-id=\"84bb941\" 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    \/* --- SECTION JOIN US (WHITE GLASS EDITION) --- *\/\r\n    #join-us {\r\n        padding: 140px 5%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        position: relative;\r\n        background: transparent;\r\n    }\r\n\r\n    .join-portal-card {\r\n        width: 100%;\r\n        max-width: 1100px;\r\n        \/* BACKGROUND PUTIH TRANSPARAN *\/\r\n        background: rgba(255, 255, 255, 0.05);\r\n        backdrop-filter: blur(40px);\r\n        -webkit-backdrop-filter: blur(40px);\r\n        border: 1px solid rgba(255, 255, 255, 0.2);\r\n        border-radius: 80px;\r\n        padding: 100px 40px;\r\n        text-align: center;\r\n        position: relative;\r\n        overflow: hidden;\r\n        box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    .join-portal-card h2 {\r\n        font-size: clamp(2.8rem, 10vw, 5.5rem);\r\n        font-weight: 900;\r\n        line-height: 0.9;\r\n        letter-spacing: -3px;\r\n        margin-bottom: 25px;\r\n        \/* GRADASI PUTIH KE SILVER *\/\r\n        background: linear-gradient(to bottom, #ffffff 60%, rgba(255, 255, 255, 0.4));\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    .join-portal-card p {\r\n        font-size: clamp(1.1rem, 3vw, 1.4rem);\r\n        \/* TEKS PUTIH LEMBUT *\/\r\n        color: rgba(255, 255, 255, 0.7);\r\n        max-width: 750px;\r\n        margin: 0 auto 50px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* GRUP TOMBOL SOSIAL & AKSI *\/\r\n    .join-action-group {\r\n        display: flex;\r\n        gap: 15px;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .btn-portal {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        padding: 18px 35px;\r\n        border-radius: 100px;\r\n        font-weight: 700;\r\n        text-decoration: none;\r\n        font-size: 0.95rem;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        \/* FRAME TOMBOL PUTIH TRANSPARAN *\/\r\n        border: 1px solid rgba(255, 255, 255, 0.2);\r\n        color: #ffffff;\r\n        background: rgba(255, 255, 255, 0.08);\r\n        backdrop-filter: blur(10px);\r\n    }\r\n\r\n    \/* TOMBOL BUY NOW (PUTIH SOLID) *\/\r\n    .btn-portal.btn-buy { \r\n        background: #ffffff; \r\n        color: #000000; \r\n        font-weight: 900; \r\n        border: none;\r\n        box-shadow: 0 10px 30px rgba(255, 255, 255, 0.2);\r\n    }\r\n    \r\n    .btn-portal.btn-buy:hover { \r\n        background: var(--secondary); \r\n        color: #ffffff; \r\n        box-shadow: 0 0 40px var(--secondary); \r\n        transform: scale(1.05) translateY(-5px);\r\n    }\r\n\r\n    .btn-portal:hover {\r\n        transform: translateY(-5px);\r\n        background: rgba(255, 255, 255, 0.2);\r\n        border-color: #ffffff;\r\n        color: #ffffff;\r\n    }\r\n\r\n    .btn-portal svg { \r\n        width: 20px; \r\n        height: 20px; \r\n        fill: currentColor; \r\n    }\r\n\r\n    \/* --- FOOTER FINAL --- *\/\r\n    .footer-final {\r\n        padding: 60px 5% 100px;\r\n        text-align: center;\r\n        background: transparent;\r\n    }\r\n\r\n    \/* COPYRIGHT BOX DENGAN LOGO GIF (PUTIH) *\/\r\n    .copyright-box {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 20px;\r\n        color: rgba(255, 255, 255, 0.5);\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n        margin-top: 50px;\r\n    }\r\n\r\n    .footer-mini-logo {\r\n        width: 35px;\r\n        height: 35px;\r\n        object-fit: contain;\r\n        \/* EFEK PENDARAN PUTIH PADA LOGO *\/\r\n        filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.5));\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .join-action-group { flex-direction: column; align-items: stretch; }\r\n        .btn-portal { justify-content: center; }\r\n        .join-portal-card { border-radius: 40px; padding: 60px 20px; }\r\n        .copyright-box { flex-direction: column; gap: 10px; }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"join-us\">\r\n    <div class=\"join-portal-card\">\r\n        <h2>THE SIGNAL IS GLOBAL<\/h2>\r\n        <p>The world is loud, but the confirmation is clear. Join the movement that makes everything OK.<\/p>\r\n\r\n        <div class=\"join-action-group\">\r\n            <a href=\"#\" class=\"btn-portal btn-buy\">BUY $OK NOW<\/a>\r\n            \r\n            <a href=\"https:\/\/t.me\/yourtelegram\" class=\"btn-portal\" target=\"_blank\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69a.2.2 0 00-.05-.18c-.06-.05-.14-.03-.21-.02-.09.02-1.49.95-4.22 2.79-.4.27-.76.41-1.08.4-.36-.01-1.04-.2-1.55-.37-.63-.2-1.12-.31-1.08-.66.02-.18.27-.36.74-.55 2.91-1.27 4.85-2.11 5.83-2.51 2.78-1.16 3.35-1.36 3.73-1.36.08 0 .27.02.39.12.1.08.13.19.14.27-.01.06.01.24 0 .38z\"\/><\/svg>\r\n                TELEGRAM\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/x.com\/yourtwitter\" class=\"btn-portal\" target=\"_blank\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\r\n                TWITTER\r\n            <\/a>\r\n\r\n            <a href=\"#\" class=\"btn-portal\" target=\"_blank\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.419-2.157 2.419zm7.974 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.419-2.157 2.419z\"\/><\/svg>\r\n                DISCORD\r\n            <\/a>\r\n\r\n            <a href=\"mailto:contact@its-ok.fun\" class=\"btn-portal\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n                EMAIL\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<footer class=\"footer-final\">\r\n    <div class=\"copyright-box\">\r\n        <span>\u00a9 2026 OK PROJECT<\/span>\r\n        <img decoding=\"async\" src=\"https:\/\/its-ok.fun\/wp-content\/uploads\/2026\/04\/OK3.gif\" alt=\"OK Logo\" class=\"footer-mini-logo\">\r\n        <span>All Correct. Everything is OK.<\/span>\r\n    <\/div>\r\n<\/footer>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec3b3c5 elementor-widget elementor-widget-html\" data-id=\"ec3b3c5\" 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    \/* --- GLOBAL BACKGROUND SYSTEM (MOBILE & DESKTOP SYNCED) --- *\/\r\n    \r\n    body {\r\n        margin: 0;\r\n        padding: 0;\r\n        background-color: #050510;\r\n        min-height: 100vh;\r\n        overflow-x: hidden;\r\n    }\r\n\r\n    .bg-global {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100vw;\r\n        height: 100vh;\r\n        z-index: -2;\r\n        background: radial-gradient(circle at center, #0f0a2e 0%, #050510 100%);\r\n        overflow: hidden;\r\n    }\r\n\r\n    .blob {\r\n        position: absolute;\r\n        filter: blur(100px); \/* Sedikit dikurangi agar cahaya lebih tajam *\/\r\n        border-radius: 50%;\r\n        opacity: 0.5;\r\n        animation: moveBlobs 25s infinite alternate ease-in-out;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Gumpalan Ungu - Dioptimalkan untuk Mobile & Desktop *\/\r\n    .blob-primary {\r\n        \/* Gunakan vmin agar ukuran konsisten berdasarkan sisi layar terkecil *\/\r\n        width: 80vmin; \r\n        height: 80vmin;\r\n        min-width: 400px; \/* Di HP jangan sampai kekecilan *\/\r\n        min-height: 400px;\r\n        background: #8A2BE2;\r\n        top: -10%;\r\n        left: -10%;\r\n    }\r\n\r\n    \/* Gumpalan Biru - Dioptimalkan untuk Mobile & Desktop *\/\r\n    .blob-secondary {\r\n        width: 100vmin;\r\n        height: 100vmin;\r\n        min-width: 500px; \/* Di HP tetap terlihat besar menutupi background *\/\r\n        min-height: 500px;\r\n        background: #00D4FF;\r\n        bottom: -15%;\r\n        right: -10%;\r\n        animation-delay: -5s;\r\n    }\r\n\r\n    \/* Grid Tech - Tetap konsisten *\/\r\n    .grid-tech {\r\n        position: fixed;\r\n        inset: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-image: \r\n            linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), \r\n            linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\r\n        background-size: 60px 60px;\r\n        z-index: -1;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Animasi Pergerakan (Dibuat lebih dinamis) *\/\r\n    @keyframes moveBlobs {\r\n        0% { transform: translate(0, 0) scale(1) rotate(0deg); }\r\n        50% { transform: translate(10%, 15%) scale(1.1) rotate(45deg); }\r\n        100% { transform: translate(-5%, 20%) scale(1) rotate(90deg); }\r\n    }\r\n\r\n    section {\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"bg-global\">\r\n    <div class=\"blob blob-primary\"><\/div>\r\n    <div class=\"blob blob-secondary\"><\/div>\r\n    <div class=\"grid-tech\"><\/div>\r\n<\/div>\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>Home About Token Roadmap FAQ CA: 0xOK_CONTRACT_ADDRESS_HERE UNIVERSAL SIGNAL. DIGITAL FREEDOM. More than just a gesture. $OK is the global confirmation of trust, peace amidst volatility, and a unified vision for the decentralized future. BUY $OK NOW WHITEPAPER Discovery The confirmation of a new era. In a digital world often clouded by uncertainty, $OK stands [&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:\/\/its-ok.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/its-ok.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/its-ok.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/its-ok.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/its-ok.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":64,"href":"https:\/\/its-ok.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":92,"href":"https:\/\/its-ok.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/92"}],"wp:attachment":[{"href":"https:\/\/its-ok.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}