{"id":8,"date":"2026-04-11T06:29:56","date_gmt":"2026-04-11T06:29:56","guid":{"rendered":"https:\/\/slasy.site\/?page_id=8"},"modified":"2026-04-11T09:06:57","modified_gmt":"2026-04-11T09:06:57","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/slasy.site\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-670b7ec e-con-full e-flex e-con e-parent\" data-id=\"670b7ec\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1537cba elementor-widget elementor-widget-html\" data-id=\"1537cba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"slasy-glitch-hero\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Syncopate:wght@700&display=swap');\n\n        .slasy-glitch-hero {\n            all: initial;\n            display: flex;\n            position: relative;\n            width: 100%;\n            height: 100vh;\n            background: #000 url('http:\/\/slasy.site\/wp-content\/uploads\/2026\/04\/create_a_scene_202604111354-scaled.jpg') center\/cover no-repeat;\n            overflow: hidden;\n            font-family: 'Syncopate', sans-serif;\n            align-items: center;\n            justify-content: center;\n        }\n\n        \/* Dark Overlay *\/\n        .slasy-glitch-hero::after {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: rgba(0, 0, 0, 0.5);\n            z-index: 1;\n        }\n\n        \/* HUGE Glitch Title (Z-Index: 10) *\/\n        .slasy-title-wrap {\n            position: relative;\n            z-index: 10;\n            text-align: center;\n            transform: translateY(-20px);\n            width: 100%;\n        }\n\n        .slasy-glitch-text {\n            \/* Even bigger scale *\/\n            font-size: clamp(8rem, 30vw, 22rem);\n            color: #fff;\n            position: relative;\n            text-transform: uppercase;\n            margin: 0;\n            line-height: 0.75;\n            letter-spacing: -15px;\n            font-weight: 700;\n        }\n\n        .slasy-glitch-text::before,\n        .slasy-glitch-text::after {\n            content: 'SLASY';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n        }\n\n        .slasy-glitch-text::before {\n            left: 4px;\n            text-shadow: -3px 0 #ff00ff;\n            clip: rect(44px, 9999px, 56px, 0);\n            animation: slasy-glitch 4s infinite linear alternate-reverse;\n        }\n\n        .slasy-glitch-text::after {\n            left: -4px;\n            text-shadow: -3px 0 #00ffff;\n            clip: rect(44px, 9999px, 56px, 0);\n            animation: slasy-glitch 4s infinite linear alternate;\n        }\n\n        @keyframes slasy-glitch {\n            0% { clip: rect(10px, 9999px, 30px, 0); transform: skew(0.5deg); }\n            10% { clip: rect(60px, 9999px, 70px, 0); transform: skew(-0.5deg); }\n            20% { clip: rect(20px, 9999px, 50px, 0); }\n            30% { clip: rect(80px, 9999px, 90px, 0); }\n            40% { clip: rect(40px, 9999px, 60px, 0); }\n            50% { clip: rect(0px, 9999px, 100px, 0); }\n            100% { clip: rect(20px, 9999px, 40px, 0); }\n        }\n\n        .slasy-ticker {\n            font-size: clamp(1.5rem, 5vw, 4rem);\n            color: #00ffff;\n            letter-spacing: 25px;\n            display: block;\n            margin-top: -10px;\n            text-shadow: 0 0 20px rgba(0, 255, 255, 0.8);\n            margin-left: 25px; \/* Offset for letter spacing *\/\n        }\n\n        \/* Smaller Central Image (Z-Index: 20) *\/\n        .slasy-main-visual {\n            position: absolute;\n            bottom: 5%;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 70%; \/* Scaled down *\/\n            max-width: 850px;\n            z-index: 20;\n            pointer-events: none;\n            animation: slasy-float 5s infinite ease-in-out;\n            filter: drop-shadow(0 0 60px rgba(255, 0, 255, 0.4));\n        }\n\n        @keyframes slasy-float {\n            0%, 100% { transform: translateX(-50%) translateY(0) scale(1); }\n            50% { transform: translateX(-50%) translateY(-25px) scale(1.02); }\n        }\n\n        \/* CA Button (Z-Index: 30) *\/\n        .slasy-ca-stage {\n            position: absolute;\n            bottom: 40px;\n            z-index: 30;\n            left: 50%;\n            transform: translateX(-50%);\n        }\n\n        .slasy-btn {\n            background: rgba(0, 0, 0, 0.8);\n            border: 1px solid #00ffff;\n            padding: 12px 30px;\n            color: #fff;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            transition: 0.3s;\n            backdrop-filter: blur(10px);\n            font-family: monospace;\n            font-weight: bold;\n        }\n\n        .slasy-btn:hover {\n            background: #00ffff;\n            color: #000;\n            box-shadow: 0 0 30px rgba(0, 255, 255, 0.6);\n        }\n\n        .slasy-btn .label {\n            font-family: 'Syncopate', sans-serif;\n            font-size: 0.6rem;\n            background: #ff00ff;\n            color: #fff;\n            padding: 3px 8px;\n        }\n    <\/style>\n\n    <div class=\"slasy-title-wrap\">\n        <h1 class=\"slasy-glitch-text\">SLASY<\/h1>\n        <span class=\"slasy-ticker\">$LASY<\/span>\n    <\/div>\n\n    <img decoding=\"async\" src=\"http:\/\/slasy.site\/wp-content\/uploads\/2026\/04\/theyre_smiling_running_202604111350-1-1.png\" class=\"slasy-main-visual\" alt=\"SLASY Visual\">\n\n\n    <script>\n        function copyCA() {\n            const ca = document.getElementById('ca-value').innerText;\n            const status = document.getElementById('ca-status');\n            \n            navigator.clipboard.writeText(ca).then(() => {\n                status.innerText = 'COPIED';\n                status.style.background = '#00ffff';\n                status.style.color = '#000';\n                \n                setTimeout(() => {\n                    status.innerText = 'COPY CA';\n                    status.style.background = '#ff00ff';\n                    status.style.color = '#fff';\n                }, 2000);\n            });\n        }\n    <\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cae6ed6 e-con-full e-flex e-con e-parent\" data-id=\"cae6ed6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70b8ee6 elementor-widget elementor-widget-html\" data-id=\"70b8ee6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"slasy-narrative\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Syncopate:wght@700&family=Space+Grotesk:wght@300;700&display=swap');\n\n        .slasy-narrative {\n            all: initial;\n            display: block;\n            position: relative;\n            background: #000;\n            color: #fff;\n            padding: 120px 8% 120px;\n            font-family: 'Space Grotesk', sans-serif;\n            z-index: 50;\n            overflow: visible;\n        }\n\n        \/* THE SECTION DIVIDER *\/\n        .slasy-narrative::before {\n            content: '';\n            position: absolute;\n            top: -150px;\n            left: 0;\n            width: 100%;\n            height: 151px;\n            background: linear-gradient(to bottom, transparent 0%, #000 80%);\n            z-index: 51;\n            pointer-events: none;\n        }\n\n        \/* NEON TOP BORDER *\/\n        .slasy-top-border {\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80%;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, #ff00ff, #00ffff, transparent);\n            box-shadow: 0 0 20px #ff00ff;\n        }\n\n        \/* ABSURD VISUAL CONTAINER *\/\n        .slasy-visual-frame {\n            position: relative;\n            width: 100%;\n            max-width: 1000px;\n            margin: 0 auto 60px;\n            height: 450px;\n            overflow: hidden;\n            \/* Transparent bottom mask *\/\n            -webkit-mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);\n            mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);\n        }\n\n        .slasy-absurd-img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            filter: saturate(1.5) contrast(1.2);\n            animation: slasyAbsurd 0.4s infinite;\n        }\n\n        \/* THE ABSURD ANIMATION *\/\n        @keyframes slasyAbsurd {\n            0% { transform: translate(0,0) scale(1) skew(0deg); filter: hue-rotate(0deg); }\n            20% { transform: translate(-5px, 3px) scale(1.02) skew(1deg); filter: hue-rotate(90deg) brightness(1.5); }\n            40% { transform: translate(8px, -4px) scale(0.98) rotate(0.5deg); filter: hue-rotate(180deg) invert(0.1); }\n            60% { transform: translate(-10px, -2px) scale(1.05) skew(-2deg); filter: hue-rotate(270deg) contrast(2); }\n            80% { transform: translate(4px, 6px) scale(1.01) rotate(-0.5deg); filter: hue-rotate(360deg) saturate(3); }\n            100% { transform: translate(0,0) scale(1); }\n        }\n\n        \/* Glitch overlay blocks *\/\n        .slasy-visual-frame::after {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background: repeating-linear-gradient(0deg, transparent 0%, rgba(0,255,255,0.05) 1px, transparent 2px);\n            pointer-events: none;\n        }\n\n        .slasy-lore-box {\n            max-width: 900px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 60;\n        }\n\n        .slasy-lore-box h2 {\n            font-family: 'Syncopate', sans-serif;\n            font-size: clamp(2rem, 6vw, 4rem);\n            line-height: 1.1;\n            margin-bottom: 50px;\n            text-transform: uppercase;\n            text-align: center;\n        }\n\n        .slasy-lore-box h2 span {\n            color: #ff00ff;\n            text-shadow: 0 0 20px rgba(255, 0, 255, 0.6);\n        }\n\n        .slasy-flex-content {\n            display: flex;\n            gap: 40px;\n            justify-content: center;\n            flex-wrap: wrap;\n        }\n\n        .slasy-column {\n            flex: 1;\n            min-width: 300px;\n        }\n\n        .slasy-paragraph {\n            font-size: 1.25rem;\n            line-height: 1.8;\n            letter-spacing: 1px;\n            color: rgba(255, 255, 255, 0.7);\n            margin-bottom: 25px;\n        }\n\n        .slasy-highlight {\n            color: #00ffff;\n            font-weight: 700;\n            border-bottom: 1px solid #00ffff;\n        }\n\n        \/* Scanline effect *\/\n        .slasy-scanline {\n            position: absolute;\n            width: 100%;\n            height: 10px;\n            background: rgba(255, 0, 255, 0.2);\n            top: -100%;\n            animation: scanMove 3s linear infinite;\n            z-index: 52;\n        }\n\n        @keyframes scanMove {\n            0% { top: 0%; }\n            100% { top: 100%; }\n        }\n    <\/style>\n\n    <div class=\"slasy-top-border\"><\/div>\n    <div class=\"slasy-scanline\"><\/div>\n\n    <div class=\"slasy-visual-frame\">\n        <img decoding=\"async\" src=\"http:\/\/slasy.site\/wp-content\/uploads\/2026\/04\/create_a_scene_202604111354-scaled.jpg\" class=\"slasy-absurd-img\" alt=\"SLASY Main Visual\">\n    <\/div>\n\n    <div class=\"slasy-lore-box\">\n        <h2>YOU ARE THE <span>MAIN CHARACTER<\/span> OF THIS CHART.<\/h2>\n\n        <div class=\"slasy-flex-content\">\n            <div class=\"slasy-column\">\n                <p class=\"slasy-paragraph\">\n                    The world is saturated with \"extras\"\u2014portfolios filled with tokens that don't belong to them, following trends they didn't create. <span class=\"slasy-highlight\">SLASY<\/span> is the recognition of your existence. \n                <\/p>\n            <\/div>\n            <div class=\"slasy-column\">\n                <p class=\"slasy-paragraph\">\n                    Stop being a supporting character in someone else\u2019s success story. $LASY is the proof that you are the <span class=\"slasy-highlight\">center of the universe<\/span>. If life is a show, this chart is your stage.\n                <\/p>\n                <p class=\"slasy-paragraph\" style=\"font-family: 'Syncopate', sans-serif; font-size: 0.8rem; color: #ff00ff;\">\n                    THE ALGORITHM MUST TUNDUK.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b830a98 e-con-full e-flex e-con e-parent\" data-id=\"b830a98\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e357860 elementor-widget elementor-widget-html\" data-id=\"e357860\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"slasy-stage-metrics\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Syncopate:wght@700&family=Space+Grotesk:wght@300;700&display=swap');\n\n        .slasy-stage-metrics {\n            all: initial;\n            display: block;\n            position: relative;\n            background: #000;\n            color: #fff;\n            padding: 100px 8% 150px;\n            font-family: 'Space Grotesk', sans-serif;\n            overflow: hidden;\n            z-index: 60;\n        }\n\n        \/* Subtle top divider to blend with the previous narrative section *\/\n        .slasy-stage-metrics::before {\n            content: '';\n            position: absolute;\n            top: -1px;\n            left: 10%;\n            width: 80%;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(255, 0, 255, 0.5), transparent);\n        }\n\n        .slasy-metrics-wrapper {\n            max-width: 1200px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .slasy-metrics-header {\n            text-align: center;\n            margin-bottom: 80px;\n        }\n\n        .slasy-metrics-header h2 {\n            font-family: 'Syncopate', sans-serif;\n            font-size: clamp(2rem, 5vw, 3.5rem);\n            line-height: 1;\n            margin-bottom: 20px;\n            text-transform: uppercase;\n        }\n\n        .slasy-metrics-header h2 span {\n            color: #00ffff;\n            text-shadow: 0 0 20px rgba(0, 255, 255, 0.6);\n        }\n\n        .slasy-metrics-header p {\n            font-size: 1.2rem;\n            letter-spacing: 2px;\n            color: rgba(255, 255, 255, 0.7);\n            max-width: 600px;\n            margin: 0 auto;\n        }\n\n        \/* The Made Up Chart Component *\/\n        .slasy-fictional-chart {\n            width: 100%;\n            height: 500px;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            background: rgba(255, 255, 255, 0.02);\n            position: relative;\n            box-shadow: 0 0 50px rgba(0, 0, 0, 0.5) inset;\n            overflow: hidden;\n        }\n\n        \/* Chart Grid BG *\/\n        .slasy-fictional-chart::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background-image: \n                linear-gradient(rgba(255, 0, 255, 0.05) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(255, 0, 255, 0.05) 1px, transparent 1px);\n            background-size: 50px 50px;\n            background-position: center;\n            z-index: 1;\n        }\n\n        \/* Chart Title Accent *\/\n        .chart-hud-label {\n            position: absolute;\n            top: 20px;\n            left: 20px;\n            font-family: 'Syncopate', sans-serif;\n            font-size: 0.7rem;\n            color: transparent;\n            -webkit-text-stroke: 1px #ff00ff;\n            text-transform: uppercase;\n            letter-spacing: 3px;\n            z-index: 5;\n        }\n\n        \/* Axis Labels *\/\n        .chart-y-axis {\n            position: absolute;\n            top: 50%;\n            left: 20px;\n            transform: translateY(-50%);\n            display: flex;\n            flex-direction: column;\n            gap: 100px;\n            font-size: 0.8rem;\n            color: rgba(255, 255, 255, 0.4);\n            z-index: 5;\n        }\n\n        .chart-x-axis {\n            position: absolute;\n            bottom: 20px;\n            left: 10%;\n            width: 80%;\n            display: flex;\n            justify-content: space-between;\n            font-size: 0.8rem;\n            color: rgba(255, 255, 255, 0.4);\n            z-index: 5;\n        }\n\n        \/* Fictional Neon Chart Line\/Fill *\/\n        .chart-line-visual {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 2;\n            overflow: hidden;\n        }\n\n        .chart-gradient-fill {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(190deg, rgba(0, 255, 255, 0.1) 0%, rgba(255, 0, 255, 0.3) 50%, transparent 80%);\n            mask-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\"><path d=\"M0,80 C150,90 300,50 400,60 C500,70 600,20 750,30 C900,40 1000,0 1000,0 L1000,100 L0,100 Z\" fill=\"white\"\/><\/svg>');\n            -webkit-mask-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\"><path d=\"M0,80 C150,90 300,50 400,60 C500,70 600,20 750,30 C900,40 1000,0 1000,0 L1000,100 L0,100 Z\" fill=\"white\"\/><\/svg>');\n            mask-size: 100% 100%;\n            -webkit-mask-size: 100% 100%;\n        }\n\n        .chart-svg-line {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n        }\n\n        .chart-svg-line path {\n            fill: none;\n            stroke: #ff00ff;\n            stroke-width: 3px;\n            filter: drop-shadow(0 0 10px #ff00ff);\n            stroke-dasharray: 2000;\n            stroke-dashoffset: 2000;\n            animation: drawChart 3s forwards ease-in-out;\n        }\n\n        @keyframes drawChart {\n            to { stroke-dashoffset: 0; }\n        }\n\n        \/* Chart Data Points\/Accents *\/\n        .chart-point {\n            position: absolute;\n            width: 10px;\n            height: 10px;\n            background: #ff00ff;\n            border-radius: 50%;\n            box-shadow: 0 0 15px #ff00ff;\n            z-index: 6;\n            transform: translate(-50%, 50%);\n            opacity: 0;\n            animation: fadeInPoint 1s forwards ease-out 2.5s;\n        }\n\n        .chart-callout {\n            position: absolute;\n            font-family: 'Syncopate', sans-serif;\n            font-size: 0.7rem;\n            border: 1px solid #ff00ff;\n            color: #fff;\n            padding: 5px 10px;\n            white-space: nowrap;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            opacity: 0;\n            animation: fadeInPoint 1s forwards ease-out 3s;\n        }\n\n        .chart-callout::before {\n            content: '';\n            width: 10px;\n            height: 10px;\n            background: #00ffff;\n            display: inline-block;\n        }\n\n        @keyframes fadeInPoint {\n            to { opacity: 1; }\n        }\n    <\/style>\n\n    <div class=\"slasy-metrics-wrapper\">\n        <div class=\"slasy-metrics-header\">\n            <h2>THE PERFORMANCE <span>METRICS<\/span><\/h2>\n            <p>We don't track prices; we track the recognition of existences.<\/p>\n        <\/div>\n\n        <div class=\"slasy-fictional-chart\">\n            <div class=\"chart-hud-label\">MCE_INDEX \/ MC_DOMINANCE<\/div>\n\n            <div class=\"chart-y-axis\">\n                <span>PEAK SPOTLIGHT<\/span>\n                <span>TICKER SYNC<\/span>\n                <span>FIGURANT LEVEL<\/span>\n            <\/div>\n\n            <div class=\"chart-x-axis\">\n                <span>PROLOGUE<\/span>\n                <span>ACT I<\/span>\n                <span>ACT II<\/span>\n                <span>CLIMAX<\/span>\n            <\/div>\n\n            <div class=\"chart-line-visual\">\n                <div class=\"chart-gradient-fill\"><\/div>\n                <svg class=\"chart-svg-line\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n                    <path d=\"M0,80 C150,90 300,50 400,60 C500,70 600,20 750,30 C900,40 1000,0 1000,0\" \/>\n                <\/svg>\n            <\/div>\n\n            <div class=\"chart-point\" style=\"left: 40%; bottom: 40%;\"><\/div>\n            <div class=\"chart-callout\" style=\"left: 43%; bottom: 43%;\">ALGORITHM_TUNDUK<\/div>\n\n            <div class=\"chart-point\" style=\"left: 75%; bottom: 70%;\"><\/div>\n            <div class=\"chart-callout\" style=\"left: 78%; bottom: 73%; color: #00ffff; border-color: #00ffff;\">PREMIERE_EVENT<\/div>\n\n            <div class=\"chart-point\" style=\"left: 98%; bottom: 98%;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-725e2fb e-con-full e-flex e-con e-parent\" data-id=\"725e2fb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47c2eb9 elementor-widget elementor-widget-html\" data-id=\"47c2eb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"slasy-production-phases\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Syncopate:wght@700&family=Space+Grotesk:wght@300;500;700&display=swap');\n\n        .slasy-production-phases {\n            all: initial;\n            display: flex;\n            position: relative;\n            width: 100%;\n            min-height: 100vh;\n            \/* Background Integration *\/\n            background: #000 url('http:\/\/slasy.site\/wp-content\/uploads\/2026\/04\/Two_close_up_202604111249.jpeg') center\/cover no-repeat;\n            background-attachment: fixed;\n            color: #fff;\n            font-family: 'Space Grotesk', sans-serif;\n            overflow: hidden;\n            z-index: 70;\n            padding: 150px 0;\n            align-items: center;\n            justify-content: center;\n        }\n\n        \/* Overlay to ensure text readability against the JPEG *\/\n        .slasy-production-phases::after {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(\n                to bottom, \n                #000 0%, \n                rgba(0,0,0,0.6) 30%, \n                rgba(0,0,0,0.6) 70%, \n                #000 100%\n            );\n            z-index: 1;\n        }\n\n        \/* Section Divider (Top Mask) *\/\n        .slasy-production-phases::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 200px;\n            background: linear-gradient(to bottom, #000, transparent);\n            z-index: 2;\n        }\n\n        .slasy-phases-container {\n            position: relative;\n            z-index: 10;\n            max-width: 1300px;\n            width: 90%;\n            margin: 0 auto;\n        }\n\n        .slasy-section-header {\n            margin-bottom: 100px;\n            text-align: center;\n        }\n\n        .slasy-section-header h2 {\n            font-family: 'Syncopate', sans-serif;\n            font-size: clamp(2.5rem, 8vw, 4.5rem);\n            text-transform: uppercase;\n            margin: 0;\n            letter-spacing: -2px;\n            line-height: 0.9;\n        }\n\n        .slasy-section-header p {\n            font-size: 1rem;\n            color: #ff00ff;\n            letter-spacing: 10px;\n            margin-top: 15px;\n            text-transform: uppercase;\n            font-weight: 700;\n            text-shadow: 0 0 10px rgba(255, 0, 255, 0.5);\n        }\n\n        \/* Grid Layout *\/\n        .slasy-acts-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 25px;\n        }\n\n        \/* Act Cards with Glassmorphism *\/\n        .slasy-act-card {\n            background: rgba(255, 255, 255, 0.03);\n            backdrop-filter: blur(12px) saturate(150%);\n            -webkit-backdrop-filter: blur(12px) saturate(150%);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            padding: 50px 40px;\n            position: relative;\n            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n            clip-path: polygon(0 0, 100% 0, 100% 85%, 85% 100%, 0 100%);\n        }\n\n        .slasy-act-card:hover {\n            background: rgba(255, 0, 255, 0.05);\n            border-color: #ff00ff;\n            transform: translateY(-15px) scale(1.02);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\n        }\n\n        .slasy-act-num {\n            font-family: 'Syncopate', sans-serif;\n            font-size: 0.7rem;\n            background: #fff;\n            color: #000;\n            padding: 4px 12px;\n            margin-bottom: 30px;\n            display: inline-block;\n            letter-spacing: 2px;\n        }\n\n        .slasy-act-card h3 {\n            font-family: 'Syncopate', sans-serif;\n            font-size: 1.6rem;\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            color: #00ffff;\n            text-shadow: 0 0 15px rgba(0, 255, 255, 0.3);\n        }\n\n        .slasy-act-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .slasy-act-list li {\n            font-size: 1.05rem;\n            color: rgba(255, 255, 255, 0.8);\n            margin-bottom: 18px;\n            line-height: 1.4;\n            display: flex;\n            align-items: flex-start;\n            gap: 15px;\n        }\n\n        .slasy-act-list li::before {\n            content: '>';\n            color: #ff00ff;\n            font-weight: bold;\n            font-family: monospace;\n        }\n\n        .slasy-act-list li b {\n            color: #fff;\n            font-weight: 700;\n        }\n\n        \/* Background Text *\/\n        .slasy-bg-watermark {\n            position: absolute;\n            font-family: 'Syncopate', sans-serif;\n            font-size: 18vw;\n            color: rgba(255, 255, 255, 0.03);\n            white-space: nowrap;\n            top: 55%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            z-index: 2;\n            pointer-events: none;\n            text-transform: uppercase;\n        }\n    <\/style>\n\n    <div class=\"slasy-bg-watermark\">SCRIPT<\/div>\n\n    <div class=\"slasy-phases-container\">\n        <header class=\"slasy-section-header\">\n            <h2>THE PRODUCTION<\/h2>\n            <p>Directing the Chaos<\/p>\n        <\/header>\n\n        <div class=\"slasy-acts-grid\">\n            <div class=\"slasy-act-card\">\n                <span class=\"slasy-act-num\">SCENE 01<\/span>\n                <h3>THE CASTING<\/h3>\n                <ul class=\"slasy-act-list\">\n                    <li><b>Stealth Protocol<\/b> initiation in the shadows.<\/li>\n                    <li>Recruiting the <b>Main Characters<\/b>.<\/li>\n                    <li>Deploying <b>Visual Narratives<\/b> across social layers.<\/li>\n                    <li>The <b>Contract<\/b> is deployed.<\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"slasy-act-card\">\n                <span class=\"slasy-act-num\">SCENE 02<\/span>\n                <h3>THE PREMIERE<\/h3>\n                <ul class=\"slasy-act-list\">\n                    <li><b>Market Volatility<\/b> becomes the stage.<\/li>\n                    <li><b>Aggressive Saturation<\/b> of the algorithm.<\/li>\n                    <li>Viral <b>Meme Synthesis<\/b> and trend control.<\/li>\n                    <li>Spotlight <b>Listing Events<\/b>.<\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"slasy-act-card\">\n                <span class=\"slasy-act-num\">SCENE 03<\/span>\n                <h3>DIRECTOR'S CUT<\/h3>\n                <ul class=\"slasy-act-list\">\n                    <li>Total <b>Ecosystem Domination<\/b>.<\/li>\n                    <li>The <b>SLASY Universe<\/b> expansion.<\/li>\n                    <li>Permanent <b>Existence Validation<\/b>.<\/li>\n                    <li>The script is rewritten for the <b>Climax<\/b>.<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6343e1b elementor-widget elementor-widget-html\" data-id=\"6343e1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"slasy-floating-bar-scope\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Syncopate:wght@700&display=swap');\n\n        .slasy-floating-bar-scope {\n            all: initial;\n            position: fixed;\n            bottom: 30px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 90%;\n            max-width: 800px;\n            z-index: 9999;\n            font-family: 'Space Grotesk', sans-serif;\n        }\n\n        .slasy-footer-glass {\n            background: rgba(0, 0, 0, 0.6);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            padding: 12px 25px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            position: relative;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\n        }\n\n        \/* Neon Corner Brackets *\/\n        .slasy-footer-glass::before,\n        .slasy-footer-glass::after {\n            content: '';\n            position: absolute;\n            width: 15px;\n            height: 15px;\n            border: 2px solid #ff00ff;\n            filter: drop-shadow(0 0 5px #ff00ff);\n        }\n\n        .slasy-footer-glass::before {\n            top: -2px;\n            left: -2px;\n            border-right: none;\n            border-bottom: none;\n        }\n\n        .slasy-footer-glass::after {\n            bottom: -2px;\n            right: -2px;\n            border-left: none;\n            border-top: none;\n        }\n\n        .slasy-footer-brand {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n        }\n\n        .slasy-footer-brand h4 {\n            font-family: 'Syncopate', sans-serif;\n            font-size: 0.9rem;\n            color: #fff;\n            margin: 0;\n            letter-spacing: 2px;\n        }\n\n        .slasy-pulse {\n            width: 8px;\n            height: 8px;\n            background: #00ffff;\n            border-radius: 50%;\n            box-shadow: 0 0 10px #00ffff;\n            animation: slasy-blink 1.5s infinite;\n        }\n\n        @keyframes slasy-blink {\n            0%, 100% { opacity: 1; transform: scale(1); }\n            50% { opacity: 0.3; transform: scale(0.8); }\n        }\n\n        .slasy-footer-nav {\n            display: flex;\n            gap: 20px;\n        }\n\n        .slasy-footer-nav a {\n            color: rgba(255, 255, 255, 0.6);\n            text-decoration: none;\n            font-size: 0.7rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            transition: 0.3s;\n        }\n\n        .slasy-footer-nav a:hover {\n            color: #00ffff;\n            text-shadow: 0 0 10px #00ffff;\n        }\n\n        .slasy-mini-ca {\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            background: rgba(255, 255, 255, 0.05);\n            padding: 5px 12px;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            transition: 0.3s;\n        }\n\n        .slasy-mini-ca:hover {\n            background: rgba(255, 255, 255, 0.1);\n            border-color: #ff00ff;\n        }\n\n        .slasy-mini-ca span {\n            font-family: monospace;\n            font-size: 0.75rem;\n            color: #fff;\n            opacity: 0.8;\n        }\n\n        .slasy-mini-ca i {\n            font-style: normal;\n            font-size: 0.6rem;\n            color: #ff00ff;\n            font-weight: bold;\n        }\n\n        @media (max-width: 600px) {\n            .slasy-footer-nav { display: none; }\n        }\n    <\/style>\n\n    <div class=\"slasy-footer-glass\">\n        <div class=\"slasy-footer-brand\">\n            <div class=\"slasy-pulse\"><\/div>\n            <h4>$LASY<\/h4>\n        <\/div>\n\n    \n        <div class=\"slasy-mini-ca\" onclick=\"floatingCopy()\">\n            <span id=\"f-ca\">null<\/span>\n            <i id=\"f-status\">COPY<\/i>\n        <\/div>\n    <\/div>\n\n    <script>\n        function floatingCopy() {\n            const ca = \"0xSLASY_TICKER_CONTRACT_ADDRESS_HERE\";\n            const status = document.getElementById('f-status');\n            \n            navigator.clipboard.writeText(ca).then(() => {\n                status.innerText = 'DONE';\n                status.style.color = '#00ffff';\n                \n                setTimeout(() => {\n                    status.innerText = 'COPY';\n                    status.style.color = '#ff00ff';\n                }, 2000);\n            });\n        }\n    <\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd3cd2d elementor-widget elementor-widget-html\" data-id=\"dd3cd2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"slasy-footer-v4\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Syncopate:wght@700&family=Space+Grotesk:wght@300;700&display=swap');\n\n        .slasy-footer-v4 {\n            all: initial;\n            display: flex;\n            position: relative;\n            width: 100%;\n            min-height: 100vh;\n            \/* Background moved to pseudo-element for animation *\/\n            background: #000; \n            font-family: 'Space Grotesk', sans-serif;\n            align-items: center;\n            justify-content: center;\n        }\n\n        \/* Animated Background Layer *\/\n        .slasy-footer-v4::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: url('http:\/\/slasy.site\/wp-content\/uploads\/2026\/04\/now_a_scene_202604111405-scaled.jpg') center\/cover no-repeat;\n            z-index: 0;\n            animation: bgCinematic 20s infinite alternate ease-in-out;\n            pointer-events: none;\n        }\n\n        @keyframes bgCinematic {\n            0% { transform: scale(1) translate(0, 0); }\n            100% { transform: scale(1.1) translate(-2%, -2%); }\n        }\n\n        \/* Ambient Darkness & Depth Overlay *\/\n        .slasy-footer-v4 .overlay {\n            position: absolute;\n            inset: 0;\n            background: radial-gradient(circle at 30% 50%, rgba(0,0,0,0.1) 0%, #000 100%);\n            z-index: 1;\n            pointer-events: none;\n        }\n\n        \/* Top Blend Divider *\/\n        .slasy-footer-v4 .top-fade {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 250px;\n            background: linear-gradient(to bottom, #000 10%, transparent 100%);\n            z-index: 2;\n            pointer-events: none;\n        }\n\n        \/* The Main Close-up Visual *\/\n        .footer-main-visual {\n            position: absolute;\n            bottom: 0;\n            right: 0;\n            width: 65vw;\n            max-width: 900px;\n            z-index: 5;\n            filter: drop-shadow(-20px 0 50px rgba(0, 255, 255, 0.15));\n            pointer-events: none;\n            animation: footerBreathe 8s infinite ease-in-out;\n            max-width: 100%;\n        }\n\n        @keyframes footerBreathe {\n            0%, 100% { transform: scale(1) translateX(0); filter: brightness(1) contrast(1); }\n            50% { transform: scale(1.05) translateX(-15px); filter: brightness(1.2) contrast(1.1); }\n        }\n\n        \/* Messy Link Cloud *\/\n        .slasy-link-cloud {\n            position: relative;\n            z-index: 20;\n            width: 90%;\n            max-width: 1200px;\n            height: 600px;\n            pointer-events: none;\n        }\n\n        .slasy-footer-btn {\n            pointer-events: auto;\n            position: absolute;\n            text-decoration: none;\n            font-family: 'Syncopate', sans-serif;\n            font-size: clamp(1rem, 3vw, 2.5rem);\n            color: #fff;\n            padding: 18px 35px;\n            border: 1px solid rgba(255, 255, 255, 0.3);\n            text-transform: uppercase;\n            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n            background: rgba(0, 0, 0, 0.5);\n            backdrop-filter: blur(15px);\n            white-space: nowrap;\n            letter-spacing: 2px;\n        }\n\n        \/* Strategic \"Messy\" Placement *\/\n        .btn-x { top: 15%; left: 5%; transform: rotate(-8deg); border-left: 5px solid #00ffff; }\n        .btn-tg { top: 55%; left: 12%; transform: rotate(4deg); border-right: 5px solid #ff00ff; }\n        .btn-comm { top: 35%; left: 35%; transform: rotate(-3deg); background: rgba(255, 255, 255, 0.05); border: 1px dashed #fff; }\n\n        .slasy-footer-btn:hover {\n            z-index: 50;\n            transform: scale(1.15) rotate(0deg);\n            background: #fff;\n            color: #000;\n            border-color: #fff;\n            box-shadow: 0 0 40px rgba(255, 255, 255, 0.4);\n        }\n\n        .btn-x:hover { background: #00ffff; box-shadow: 0 0 60px rgba(0, 255, 255, 0.6); }\n        .btn-tg:hover { background: #ff00ff; box-shadow: 0 0 60px rgba(255, 0, 255, 0.6); }\n\n        \/* Background Text Layer *\/\n        .footer-bg-text {\n            position: absolute;\n            font-family: 'Syncopate', sans-serif;\n            font-size: 15vw;\n            font-weight: 900;\n            color: rgba(255, 255, 255, 0.02);\n            z-index: 3;\n            top: 40%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            pointer-events: none;\n            user-select: none;\n            text-align: center;\n            line-height: 0.8;\n        }\n\n        @media (max-width: 768px) {\n            .slasy-link-cloud { height: 80vh; }\n            .slasy-footer-btn { position: relative; display: block; margin: 20px auto; top: auto !important; left: auto !important; transform: none !important; text-align: center; width: fit-content; }\n            .footer-main-visual { width: 100vw; right: -20%; }\n        }\n    <\/style>\n\n    <div class=\"top-fade\"><\/div>\n    <div class=\"overlay\"><\/div>\n    <div class=\"footer-bg-text\">ACT<br>FINAL<\/div>\n\n    <img decoding=\"async\" src=\"http:\/\/slasy.site\/wp-content\/uploads\/2026\/04\/Two_close_up_202604111406.png\" class=\"footer-main-visual\" alt=\"Slasy Close Up\">\n\n    <div class=\"slasy-link-cloud\">\n        <a href=\"https:\/\/x.com\/slasy\" target=\"_blank\" class=\"slasy-footer-btn btn-x\">TWITTER<\/a>\n        <a href=\"https:\/\/t.me\/slasy\" target=\"_blank\" class=\"slasy-footer-btn btn-tg\">TELEGRAM<\/a>\n        <a href=\"#\" class=\"slasy-footer-btn btn-comm\">COMMUNITY<\/a>\n    <\/div>\n\n<\/div>\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>SLASY $LASY YOU ARE THE MAIN CHARACTER OF THIS CHART. The world is saturated with &#8220;extras&#8221;\u2014portfolios filled with tokens that don&#8217;t belong to them, following trends they didn&#8217;t create. SLASY is the recognition of your existence. Stop being a supporting character in someone else\u2019s success story. $LASY is the proof that you are the center [&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:\/\/slasy.site\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/slasy.site\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/slasy.site\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/slasy.site\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/slasy.site\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":55,"href":"https:\/\/slasy.site\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":76,"href":"https:\/\/slasy.site\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/76"}],"wp:attachment":[{"href":"https:\/\/slasy.site\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}