{"id":9,"date":"2026-06-01T03:38:47","date_gmt":"2026-06-01T03:38:47","guid":{"rendered":"https:\/\/fingerscoin.fun\/?page_id=9"},"modified":"2026-06-01T10:03:54","modified_gmt":"2026-06-01T10:03:54","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/fingerscoin.fun\/","title":{"rendered":"Elementor #9"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da0b9a9 e-con-full e-flex e-con e-parent\" data-id=\"da0b9a9\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52ac772 elementor-widget elementor-widget-html\" data-id=\"52ac772\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"fingers-root\">\r\n    <!-- Moving Gold Particle Background Canvas -->\r\n    <canvas id=\"fg-particle-canvas\"><\/canvas>\r\n\r\n    <!-- NAVIGATION BAR -->\r\n    <nav class=\"fg-nav\">\r\n        <div class=\"fg-nav-left\">Fingers Coin<\/div>\r\n        <div class=\"fg-nav-right\">\r\n            <a href=\"https:\/\/x.com\/fingers_coin\" target=\"_blank\" class=\"fg-icon-btn\" aria-label=\"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=\"https:\/\/t.me\/fingers_coin\" target=\"_blank\" class=\"fg-icon-btn\" aria-label=\"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-1-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69a.2.2 0 0 0-.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.13-.31-1.09-.66.02-.18.27-.36.74-.55 2.92-1.27 4.86-2.11 5.83-2.51 2.78-1.16 3.35-1.36 3.73-1.37.08 0 .27.02.39.12a.4.4 0 0 1 .11.25c0 .09-.01.2-.02.31z\"\/><\/svg>\r\n            <\/a>\r\n            <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=628wLPtMAbmkUUs6fiMgvFcUSsSpAxNaGQWgB7cDpump\" class=\"fg-btn fg-btn-primary\">\r\n                <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" style=\"margin-right: 6px;\"><path fill=\"currentColor\" d=\"M21 18v1c0 1.1-.9 2-2 2H5c-1.11 0-2-.9-2-2V5c0-1.1.89-2 2-2h14c1.1 0 2 .9 2 2v1h-9c-1.11 0-2 .9-2 2v8c0 1.1.89 2 2 2h9zm-9-2h10V8H12v8zm4-2.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5 0 .67 1.5.67 1.5 1.5 1.5z\"\/><\/svg>\r\n                BUY $FINGERS\r\n            <\/a>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <!-- HERO SECTION -->\r\n    <header class=\"fg-hero\">\r\n        <div class=\"fg-hero-visual\">\r\n            <div class=\"fg-grid-crosshair tl\"><\/div><div class=\"fg-grid-crosshair tr\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/fingerscoin.fun\/wp-content\/uploads\/2026\/06\/Asset-6.png\" alt=\"Fingers Visual Core\" class=\"fg-hero-img\">\r\n        <\/div>\r\n        \r\n        <div class=\"fg-hero-content\">\r\n            <span class=\"fg-tech-tag\">[ SYS_INIT \/\/ HERO_PARADIGM ]<\/span>\r\n            <h1 class=\"fg-title-giant\">\r\n                10 FINGERS.<br>\r\n                <!-- Animating Text Block -->\r\n                <span id=\"fg-hero-changing-text\" class=\"fg-gold-text\">ENDLESS POSSIBILITIES.<\/span>\r\n            <\/h1>\r\n            <p class=\"fg-lead-text\">You use them every day. You might as well own the coin too.<\/p>\r\n            \r\n            <div class=\"fg-hero-actions\">\r\n                <button class=\"fg-btn fg-btn-secondary\" onclick=\"copyCA(this)\">\r\n                    <span>628wLPtMAbmkUUs6fiMgvFcUSsSpAxNaGQWgB7cDpump<\/span>\r\n                <\/button>\r\n                <a href=\"https:\/\/dexscreener.com\/solana\/628wLPtMAbmkUUs6fiMgvFcUSsSpAxNaGQWgB7cDpump\" class=\"fg-btn fg-btn-outline\">VIEW CHART<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- ABOUT SECTION -->\r\n    <section class=\"fg-about\">\r\n        <div class=\"fg-about-grid\">\r\n            <div class=\"fg-about-card\">\r\n                <div class=\"fg-card-corner\"><\/div>\r\n                <span class=\"fg-tech-tag\">\/\/ HISTORICAL_RECORD<\/span>\r\n                <h2 class=\"fg-section-title\">A Brief Appreciation Post For Fingers<\/h2>\r\n                <div class=\"fg-body-text\">\r\n                    <p>They built cities. They painted masterpieces. They invented the internet and immediately started posting memes on it.<\/p>\r\n                    <p>Every chart you've ever checked. Every message you've ever sent. Every bad decision you've ever made. Fingers were involved.<\/p>\r\n                    <p>For something this important, they don't get nearly enough attention. We're fixing that.<\/p>\r\n                <\/div>\r\n                <button class=\"fg-btn fg-btn-outline\" style=\"margin-top: 20px;\" onclick=\"openLore()\">READ LORE<\/button>\r\n            <\/div>\r\n            \r\n            <div class=\"fg-about-visual-wrap\">\r\n                <div class=\"fg-circle-clip\">\r\n                    <img decoding=\"async\" src=\"https:\/\/fingerscoin.fun\/wp-content\/uploads\/2026\/06\/fingersasset.gif\" alt=\"Fingers Core Shape\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- TOKENOMICS SECTION -->\r\n    <section class=\"fg-tokenomics\">\r\n        <div class=\"fg-section-header-swiss\">\r\n            <span class=\"fg-tech-tag\">[ DATA_STRUCTURE \/\/ NOMICS ]<\/span>\r\n            <h2 class=\"fg-title-giant\">COUNT THEM<br>YOURSELF<\/h2>\r\n            <p class=\"fg-lead-text\" style=\"max-width: 400px; margin-top: 10px;\">No complicated formulas. No advanced finger-counting required. Just the basics.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"fg-tokenomics-grid\">\r\n            <div class=\"fg-tokenomics-card\">\r\n                <div class=\"fg-card-header-line\"><\/div>\r\n                <div class=\"fg-tok-label\">MAX_SUPPLY<\/div>\r\n                <div class=\"fg-tok-value\">1 BILLION<\/div>\r\n                <div class=\"fg-tok-sub\">100% Minted & Allocated<\/div>\r\n            <\/div>\r\n            <div class=\"fg-tokenomics-card\">\r\n                <div class=\"fg-card-header-line\"><\/div>\r\n                <div class=\"fg-tok-label\">LIQUIDITY_POOL<\/div>\r\n                <div class=\"fg-tok-value\">BURNED<\/div>\r\n                <div class=\"fg-tok-sub\">Permanently locked into eternity<\/div>\r\n            <\/div>\r\n            <div class=\"fg-tokenomics-card\">\r\n                <div class=\"fg-card-header-line\"><\/div>\r\n                <div class=\"fg-tok-label\">TRANSACTION_FEE<\/div>\r\n                <div class=\"fg-tok-value\">ZERO TAXES<\/div>\r\n                <div class=\"fg-tok-sub\">0% Buy \/ 0% Sell slippage<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- JOIN COMMUNITY SECTION -->\r\n    <section class=\"fg-community\">\r\n        <div class=\"fg-community-box\">\r\n            <span class=\"fg-tech-tag\" style=\"display: block; margin-bottom: 15px;\">[ NETWORK_ESTABLISHMENT ]<\/span>\r\n            <h2 class=\"fg-title-giant\" style=\"font-size: clamp(2.5rem, 6vw, 4.5rem);\">Bring Your Fingers<\/h2>\r\n            <span class=\"fg-footnote\">*not actually a movement, just a group chat<\/span>\r\n            \r\n            <p class=\"fg-lead-text\" style=\"margin: 25px auto; max-width: 500px;\">\r\n                Millions of fingers. One destination. Some things never need an introduction.\r\n            <\/p>\r\n            \r\n            <div class=\"fg-community-buttons\">\r\n                <a href=\"https:\/\/x.com\/fingers_coin\" class=\"fg-btn fg-btn-secondary\">TWITTER<\/a>\r\n                <a href=\"https:\/\/t.me\/fingers_coin\" class=\"fg-btn fg-btn-secondary\">TELEGRAM<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FOOTER SECTION -->\r\n    <footer class=\"fg-footer\">\r\n        <div class=\"fg-footer-top\">\r\n            <div class=\"fg-footer-brand\">FINGERS COIN<\/div>\r\n            <button class=\"fg-btn fg-btn-outline\" onclick=\"copyCA(this)\">\r\n                <span>COPY CONTRACT ADDRESS<\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"fg-footer-bottom\">\r\n            <div>\u00a9 2026 FINGERS. ALL RIGHTS RESERVED.<\/div>\r\n            <div style=\"opacity: 0.4; font-size: 10px;\">DIGITAL ASSET FOR AMUSEMENT IN THE INTERNET METAVERSE.<\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <!-- LORE POP-UP MODAL (SCI-FI TYPEWRITER) -->\r\n    <div id=\"fg-lore-modal\" class=\"fg-modal-overlay\" onclick=\"closeLoreOverlay(event)\">\r\n        <div class=\"fg-modal-card\">\r\n            <div class=\"fg-modal-nav\">\r\n                <span>TERMINAL:\/\/LORE_DECRYPTION.TXT<\/span>\r\n                <button class=\"fg-close-btn\" onclick=\"closeLore()\">[ ESC ]<\/button>\r\n            <\/div>\r\n            <div class=\"fg-modal-body\">\r\n                <div id=\"fg-typewriter-target\"><\/div>\r\n                <span class=\"fg-cursor\">_<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Scoping root variables and baseline *\/\r\n#fingers-root {\r\n    --bg-pure: #0a0a0a;\r\n    --bg-card: #121212;\r\n    --gold-bright: #E6C15C;\r\n    --gold-dim: #c9a03b;\r\n    --text-white: #ffffff;\r\n    --text-muted: #a0a0a0;\r\n    --grid-color: rgba(230, 193, 92, 0.07);\r\n    \r\n    background-color: var(--bg-pure);\r\n    color: var(--text-white);\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n}\r\n\r\n#fingers-root *, #fingers-root *::before, #fingers-root *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Canvas Background covering the scope *\/\r\n#fg-particle-canvas {\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;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Typography Rules *\/\r\n#fingers-root .fg-title-giant {\r\n    font-weight: 900;\r\n    font-size: clamp(2.5rem, 5vw, 4.2rem);\r\n    line-height: 0.95;\r\n    letter-spacing: -0.04em;\r\n    color: var(--text-white);\r\n    margin: 10px 0;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* HERO ANIMATED TEXT STYLES *\/\r\n#fingers-root .fg-gold-text {\r\n    color: var(--gold-bright);\r\n    display: inline-block;\r\n}\r\n#fingers-root .fg-text-out {\r\n    animation: textFadeOut 0.4s ease forwards;\r\n}\r\n#fingers-root .fg-text-in {\r\n    animation: textFadeIn 0.4s ease forwards;\r\n}\r\n@keyframes textFadeIn {\r\n    0% { opacity: 0; transform: translateY(15px); }\r\n    100% { opacity: 1; transform: translateY(0); }\r\n}\r\n@keyframes textFadeOut {\r\n    0% { opacity: 1; transform: translateY(0); }\r\n    100% { opacity: 0; transform: translateY(-15px); }\r\n}\r\n\r\n#fingers-root .fg-section-title {\r\n    font-size: clamp(1.8rem, 3vw, 2.4rem);\r\n    line-height: 1.1;\r\n    font-weight: 800;\r\n    letter-spacing: -0.02em;\r\n    margin: 10px 0 20px 0;\r\n    color: var(--gold-bright);\r\n}\r\n\r\n#fingers-root .fg-lead-text {\r\n    font-size: clamp(1rem, 1.5vw, 1.25rem);\r\n    line-height: 1.4;\r\n    color: var(--text-muted);\r\n}\r\n\r\n#fingers-root .fg-tech-tag {\r\n    font-family: 'Courier New', Courier, monospace;\r\n    font-size: 11px;\r\n    letter-spacing: 2px;\r\n    color: var(--gold-dim);\r\n    font-weight: bold;\r\n}\r\n\r\n\/* Base Buttons Structural System (No border radius, compact sizing) *\/\r\n#fingers-root .fg-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: transparent;\r\n    border: 1px solid transparent;\r\n    border-radius: 0 !important; \/* Forces strict square layout *\/\r\n    padding: 10px 18px;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);\r\n    font-family: inherit;\r\n    height: 40px;\r\n}\r\n\r\n#fingers-root .fg-btn-primary {\r\n    background-color: var(--gold-bright);\r\n    color: var(--bg-pure);\r\n}\r\n#fingers-root .fg-btn-primary:hover {\r\n    background-color: var(--text-white);\r\n    color: var(--bg-pure);\r\n    box-shadow: 0 0 15px rgba(255,255,255,0.3);\r\n}\r\n\r\n#fingers-root .fg-btn-secondary {\r\n    background-color: var(--bg-card);\r\n    border-color: #262626;\r\n    color: var(--text-white);\r\n}\r\n#fingers-root .fg-btn-secondary:hover {\r\n    background-color: var(--gold-bright);\r\n    color: var(--bg-pure);\r\n    border-color: var(--gold-bright);\r\n}\r\n\r\n#fingers-root .fg-btn-outline {\r\n    border-color: var(--gold-bright);\r\n    color: var(--gold-bright);\r\n}\r\n#fingers-root .fg-btn-outline:hover {\r\n    background-color: rgba(230, 193, 92, 0.1);\r\n    color: var(--text-white);\r\n    border-color: var(--text-white);\r\n}\r\n\r\n\/* Icons styling *\/\r\n#fingers-root .fg-icon-btn {\r\n    width: 40px;\r\n    height: 40px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 1px solid #262626;\r\n    background: var(--bg-card);\r\n    color: var(--text-white);\r\n    margin-right: 8px;\r\n    transition: all 0.2s ease;\r\n}\r\n#fingers-root .fg-icon-btn:hover {\r\n    border-color: var(--gold-bright);\r\n    color: var(--gold-bright);\r\n}\r\n#fingers-root .fg-icon-btn svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    fill: currentColor;\r\n}\r\n\r\n\/* Layout Modules *\/\r\n#fingers-root .fg-nav {\r\n    position: relative;\r\n    z-index: 10;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 30px 5%;\r\n    border-bottom: 1px solid var(--grid-color);\r\n}\r\n#fingers-root .fg-nav-left {\r\n    font-weight: 900;\r\n    font-size: 20px;\r\n    letter-spacing: -1px;\r\n    text-transform: uppercase;\r\n    color: var(--gold-bright);\r\n}\r\n#fingers-root .fg-nav-right {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n\/* Hero Elements utilizing Negative Space *\/\r\n#fingers-root .fg-hero {\r\n    position: relative;\r\n    z-index: 5;\r\n    padding: 60px 5% 120px 5%;\r\n    display: block;\r\n    text-align: center;\r\n}\r\n#fingers-root .fg-hero-visual {\r\n    position: relative;\r\n    display: inline-block;\r\n    margin: 0 auto 40px auto;\r\n    padding: 20px;\r\n}\r\n#fingers-root .fg-hero-img {\r\n    max-width: 240px;\r\n    height: auto;\r\n    display: block;\r\n    filter: drop-shadow(0 0 20px rgba(230, 193, 92, 0.15));\r\n}\r\n\/* Crosshairs for Sci-fi accents *\/\r\n#fingers-root .fg-grid-crosshair {\r\n    position: absolute;\r\n    width: 15px;\r\n    height: 15px;\r\n    border: 1px solid var(--gold-dim);\r\n}\r\n#fingers-root .fg-grid-crosshair.tl { top: 0; left: 0; border-right: none; border-bottom: none; }\r\n#fingers-root .fg-grid-crosshair.tr { top: 0; right: 0; border-left: none; border-bottom: none; }\r\n\r\n#fingers-root .fg-hero-content {\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n}\r\n#fingers-root .fg-hero-actions {\r\n    margin-top: 35px;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 12px;\r\n}\r\n\r\n\/* About Section - Asymmetric Layout *\/\r\n#fingers-root .fg-about {\r\n    position: relative;\r\n    z-index: 5;\r\n    padding: 100px 5%;\r\n    border-top: 1px solid var(--grid-color);\r\n}\r\n#fingers-root .fg-about-grid {\r\n    display: block;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n}\r\n@media (min-width: 768px) {\r\n    #fingers-root .fg-about-grid {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8%;\r\n    }\r\n}\r\n#fingers-root .fg-about-card {\r\n    background-color: var(--bg-card);\r\n    border: 1px solid #1f1f1f;\r\n    padding: 40px;\r\n    flex: 1.2;\r\n    position: relative;\r\n    \/* Negative margin pull to create depth in structure layout *\/\r\n    margin-bottom: 40px;\r\n}\r\n@media (min-width: 768px) {\r\n    #fingers-root .fg-about-card {\r\n        margin-bottom: 0;\r\n        margin-right: -40px;\r\n        z-index: 2;\r\n    }\r\n}\r\n#fingers-root .fg-card-corner {\r\n    position: absolute;\r\n    right: 0;\r\n    top: 0;\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    border-width: 0 15px 15px 0;\r\n    border-color: transparent var(--gold-bright) transparent transparent;\r\n}\r\n#fingers-root .fg-body-text p {\r\n    color: var(--text-muted);\r\n    line-height: 1.6;\r\n    font-size: 15px;\r\n    margin-bottom: 16px;\r\n}\r\n\r\n#fingers-root .fg-about-visual-wrap {\r\n    flex: 0.8;\r\n    display: flex;\r\n    justify-content: center;\r\n    z-index: 1;\r\n}\r\n#fingers-root .fg-circle-clip {\r\n    width: clamp(360px, 60vw, 560px);\r\n    height: clamp(360px, 60vw, 560px);\r\n    clip-path: circle(40% at 50% 50%);\r\n    background: linear-gradient(145deg, #161616, #000);\r\n    border: 1px solid rgba(230, 193, 92, 0.3);\r\n    padding: 20px;\r\n}\r\n#fingers-root .fg-circle-clip img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n}\r\n\r\n\/* Tokenomics Section *\/\r\n#fingers-root .fg-tokenomics {\r\n    position: relative;\r\n    z-index: 5;\r\n    padding: 120px 5%;\r\n    border-top: 1px solid var(--grid-color);\r\n}\r\n#fingers-root .fg-section-header-swiss {\r\n    max-width: 1100px;\r\n    margin: 0 auto 60px auto;\r\n}\r\n#fingers-root .fg-tokenomics-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n}\r\n@media (min-width: 768px) {\r\n    #fingers-root .fg-tokenomics-grid {\r\n        grid-template-columns: repeat(3, 1fr);\r\n    }\r\n}\r\n#fingers-root .fg-tokenomics-card {\r\n    background-color: var(--bg-card);\r\n    border: 1px solid #1f1f1f;\r\n    padding: 30px;\r\n    position: relative;\r\n    transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);\r\n}\r\n#fingers-root .fg-tokenomics-card:hover {\r\n    transform: translateY(-5px);\r\n    border-color: var(--gold-bright);\r\n}\r\n#fingers-root .fg-card-header-line {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 40px;\r\n    height: 3px;\r\n    background-color: var(--gold-bright);\r\n}\r\n#fingers-root .fg-tok-label {\r\n    font-family: 'Courier New', Courier, monospace;\r\n    font-size: 11px;\r\n    color: var(--text-muted);\r\n    letter-spacing: 1px;\r\n    margin-bottom: 15px;\r\n}\r\n#fingers-root .fg-tok-value {\r\n    font-size: 28px;\r\n    font-weight: 800;\r\n    color: var(--text-white);\r\n    letter-spacing: -1px;\r\n    margin-bottom: 8px;\r\n}\r\n#fingers-root .fg-tok-sub {\r\n    font-size: 13px;\r\n    color: var(--text-muted);\r\n}\r\n\r\n\/* Community Section Layout *\/\r\n#fingers-root .fg-community {\r\n    position: relative;\r\n    z-index: 5;\r\n    padding: 140px 5%;\r\n    border-top: 1px solid var(--grid-color);\r\n    background: linear-gradient(180deg, var(--bg-pure) 0%, rgba(22,19,10,0.3) 100%);\r\n}\r\n#fingers-root .fg-community-box {\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n}\r\n#fingers-root .fg-footnote {\r\n    font-family: 'Courier New', Courier, monospace;\r\n    font-size: 12px;\r\n    color: var(--gold-dim);\r\n    display: block;\r\n    margin-top: -5px;\r\n    font-style: italic;\r\n}\r\n#fingers-root .fg-community-buttons {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 15px;\r\n    margin-top: 20px;\r\n}\r\n\r\n\/* Footer Section *\/\r\n#fingers-root .fg-footer {\r\n    position: relative;\r\n    z-index: 5;\r\n    padding: 60px 5% 40px 5%;\r\n    border-top: 1px solid #1f1f1f;\r\n    background-color: #050505;\r\n}\r\n#fingers-root .fg-footer-top {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding-bottom: 40px;\r\n    border-bottom: 1px solid #141414;\r\n}\r\n@media (min-width: 768px) {\r\n    #fingers-root .fg-footer-top {\r\n        flex-direction: row;\r\n    }\r\n}\r\n#fingers-root .fg-footer-brand {\r\n    font-weight: 900;\r\n    font-size: 24px;\r\n    letter-spacing: -1px;\r\n    color: var(--text-white);\r\n}\r\n#fingers-root .fg-footer-bottom {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px;\r\n    justify-content: space-between;\r\n    padding-top: 30px;\r\n    font-family: 'Courier New', Courier, monospace;\r\n    font-size: 11px;\r\n    color: var(--text-muted);\r\n}\r\n@media (min-width: 768px) {\r\n    #fingers-root .fg-footer-bottom {\r\n        flex-direction: row;\r\n    }\r\n}\r\n\r\n\/* Modal Sci-Fi Overlay *\/\r\n#fingers-root .fg-modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    background-color: rgba(5, 5, 5, 0.85);\r\n    backdrop-filter: blur(4px);\r\n    z-index: 1000;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transition: opacity 0.3s ease;\r\n}\r\n#fingers-root .fg-modal-overlay.active {\r\n    opacity: 1;\r\n    pointer-events: auto;\r\n}\r\n#fingers-root .fg-modal-card {\r\n    background-color: #0d0d0d;\r\n    border: 1px solid var(--gold-bright);\r\n    width: 100%;\r\n    max-width: 550px;\r\n    box-shadow: 0 0 30px rgba(230, 193, 92, 0.15);\r\n    transform: scale(0.95);\r\n    transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);\r\n}\r\n#fingers-root .fg-modal-overlay.active .fg-modal-card {\r\n    transform: scale(1);\r\n}\r\n#fingers-root .fg-modal-nav {\r\n    background-color: #161616;\r\n    border-bottom: 1px solid #262626;\r\n    padding: 12px 20px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    font-family: 'Courier New', Courier, monospace;\r\n    font-size: 12px;\r\n    color: var(--gold-bright);\r\n}\r\n#fingers-root .fg-close-btn {\r\n    background: transparent;\r\n    border: none;\r\n    color: var(--text-muted);\r\n    cursor: pointer;\r\n    font-family: inherit;\r\n    font-size: 12px;\r\n}\r\n#fingers-root .fg-close-btn:hover {\r\n    color: var(--text-white);\r\n}\r\n#fingers-root .fg-modal-body {\r\n    padding: 30px;\r\n    font-family: 'Courier New', Courier, monospace;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    color: var(--text-white);\r\n    min-height: 180px;\r\n    position: relative;\r\n}\r\n#fingers-root .fg-cursor {\r\n    display: inline-block;\r\n    animation: fg-blink 0.8s infinite;\r\n    color: var(--gold-bright);\r\n    font-weight: bold;\r\n}\r\n@keyframes fg-blink {\r\n    0%, 100% { opacity: 0; }\r\n    50% { opacity: 1; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    \/\/ 1. GOLD DOTS MOVING PARTICLES BACKGROUND ENGINE\r\n    const canvas = document.getElementById('fg-particle-canvas');\r\n    const ctx = canvas.getContext('2d');\r\n    const container = document.getElementById('fingers-root');\r\n    \r\n    let particles = [];\r\n    const maxParticles = 65;\r\n\r\n    function resizeCanvas() {\r\n        canvas.width = container.offsetWidth;\r\n        canvas.height = container.offsetHeight;\r\n    }\r\n    window.addEventListener('resize', resizeCanvas);\r\n    resizeCanvas();\r\n\r\n    class Particle {\r\n        constructor() {\r\n            this.reset(true);\r\n        }\r\n        reset(randomY = false) {\r\n            this.x = Math.random() * canvas.width;\r\n            this.y = randomY ? Math.random() * canvas.height : canvas.height + 10;\r\n            this.size = Math.random() * 1.5 + 0.5;\r\n            this.speedY = (Math.random() * 0.4 + 0.1) * -1; \/\/ Moving Upwards\r\n            this.opacity = Math.random() * 0.5 + 0.1;\r\n        }\r\n        update() {\r\n            this.y += this.speedY;\r\n            if (this.y < -10) {\r\n                this.reset(false);\r\n            }\r\n        }\r\n        draw() {\r\n            ctx.fillStyle = `rgba(230, 193, 92, ${this.opacity})`;\r\n            ctx.beginPath();\r\n            ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\r\n            ctx.fill();\r\n        }\r\n    }\r\n\r\n    \/\/ Initialize Particle Arrays\r\n    for(let i=0; i < maxParticles; i++) {\r\n        particles.push(new Particle());\r\n    }\r\n\r\n    function animateParticles() {\r\n        ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n        for(let i=0; i < particles.length; i++) {\r\n            particles[i].update();\r\n            particles[i].draw();\r\n        }\r\n        requestAnimationFrame(animateParticles);\r\n    }\r\n    animateParticles();\r\n\r\n\r\n    \/\/ 2. CRYPTO CONTRACT COPY HANDLER\r\n    window.copyCA = function(btnElement) {\r\n        const fullCA = \"628wLPtMAbmkUUs6fiMgvFcUSsSpAxNaGQWgB7cDpump\"; \/\/ Replace with your real token address\r\n        navigator.clipboard.writeText(fullCA).then(() => {\r\n            const originalText = btnElement.innerHTML;\r\n            btnElement.innerHTML = \"<span>COPIED SUCCESSFULLY!<\/span>\";\r\n            btnElement.style.borderColor = \"#ffffff\";\r\n            setTimeout(() => {\r\n                btnElement.innerHTML = originalText;\r\n                btnElement.style.borderColor = \"\";\r\n            }, 2000);\r\n        }).catch(err => {\r\n            console.error('Could not copy contract address: ', err);\r\n        });\r\n    };\r\n\r\n\r\n    \/\/ 3. HERO TEXT ANIMATION (FADE & SLIDE)\r\n    const changingTexts = [\r\n        \"ENDLESS POSSIBILITIES.\",\r\n        \"1 BILLION IDEAS.\",\r\n        \"INFINITE POTENTIAL.\",\r\n        \"UNLIMITED UTILITY.\"\r\n    ];\r\n    let textIndex = 0;\r\n    const heroTextElement = document.getElementById('fg-hero-changing-text');\r\n\r\n    setInterval(() => {\r\n        \/\/ Trigger fade out\r\n        heroTextElement.classList.remove('fg-text-in');\r\n        heroTextElement.classList.add('fg-text-out');\r\n        \r\n        setTimeout(() => {\r\n            \/\/ Change text\r\n            textIndex = (textIndex + 1) % changingTexts.length;\r\n            heroTextElement.innerText = changingTexts[textIndex];\r\n            \r\n            \/\/ Trigger fade in\r\n            heroTextElement.classList.remove('fg-text-out');\r\n            heroTextElement.classList.add('fg-text-in');\r\n        }, 400); \/\/ Wait for the fade-out animation to finish (400ms)\r\n    }, 3500); \/\/ Change text every 3.5 seconds\r\n\r\n\r\n    \/\/ 4. SCI-FI POPUP LORE & TYPING ANIMATION ENGINE\r\n    const loreText = `LOG_DATE: JUNE_2026 \/\/ OBJECTIVE: RE-EVALUATION\\\\n\\\\nHuman civilization spent thousands of years optimizing technologies, writing complex mathematical financial proofs, and deploying multi-layered blockchain frameworks.\\\\n\\\\nYet, every single smart contract block validation, every absolute top-tier trade alpha, and every single panic-sell click was triggered by the exact same organic mechanism: Ten fleshy digits hanging off two hands.\\\\n\\\\nFingers built the world's networks. Fingers invented the internet protocol and instantly optimized it to share silly pictures. We aren't launching a revolutionary paradigm shift or a complex ecosystem. We are just giving credit where credit is due.\\\\n\\\\nSTATUS: Connected. Own the network asset you use to browse it.`;\r\n    \r\n    let typingInterval = null;\r\n    const targetElement = document.getElementById('fg-typewriter-target');\r\n    const modal = document.getElementById('fg-lore-modal');\r\n\r\n    window.openLore = function() {\r\n        modal.classList.add('active');\r\n        targetElement.innerHTML = \"\";\r\n        \r\n        let index = 0;\r\n        clearInterval(typingInterval);\r\n        \r\n        \/\/ Fast, high-tech typing acceleration\r\n        typingInterval = setInterval(() => {\r\n            if (index < loreText.length) {\r\n                let char = loreText.charAt(index);\r\n                if (char === '\\\\' && loreText.charAt(index + 1) === 'n') {\r\n                    targetElement.innerHTML += \"<br>\";\r\n                    index += 2;\r\n                } else {\r\n                    targetElement.innerHTML += char;\r\n                    index++;\r\n                }\r\n            } else {\r\n                clearInterval(typingInterval);\r\n            }\r\n        }, 12); \/\/ Speed execution trigger\r\n    };\r\n\r\n    window.closeLore = function() {\r\n        modal.classList.remove('active');\r\n        clearInterval(typingInterval);\r\n    };\r\n\r\n    window.closeLoreOverlay = function(e) {\r\n        if(e.target === modal) {\r\n            closeLore();\r\n        }\r\n    };\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Fingers Coin BUY $FINGERS [ SYS_INIT \/\/ HERO_PARADIGM ] 10 FINGERS. ENDLESS POSSIBILITIES. You use them every day. You might as well own the coin too. 628wLPtMAbmkUUs6fiMgvFcUSsSpAxNaGQWgB7cDpump VIEW CHART \/\/ HISTORICAL_RECORD A Brief Appreciation Post For Fingers They built cities. They painted masterpieces. They invented the internet and immediately started posting memes on it. Every [&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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fingerscoin.fun\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fingerscoin.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fingerscoin.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fingerscoin.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fingerscoin.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":28,"href":"https:\/\/fingerscoin.fun\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/fingerscoin.fun\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/fingerscoin.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}