{"id":8,"date":"2026-04-27T08:59:16","date_gmt":"2026-04-27T08:59:16","guid":{"rendered":"https:\/\/thetimelord.fun\/?page_id=8"},"modified":"2026-04-27T09:33:27","modified_gmt":"2026-04-27T09:33:27","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/thetimelord.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-9208cbd e-con-full e-flex e-con e-parent\" data-id=\"9208cbd\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85d7ac0 elementor-widget elementor-widget-html\" data-id=\"85d7ac0\" 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=\"timelord-app\">\r\n  <div class=\"crt-overlay\"><\/div>\r\n\r\n  <nav class=\"tl-nav\">\r\n    <div class=\"nav-left\">\r\n      <span class=\"logo-text\">TIMELORD<\/span>\r\n    <\/div>\r\n    <div class=\"nav-center\">\r\n      <a href=\"#about\" class=\"nav-link\">About<\/a>\r\n      <a href=\"#lore\" class=\"nav-link\">Lore<\/a>\r\n      <a href=\"#how-to-buy\" class=\"nav-link\">How to Buy<\/a>\r\n      <a href=\"#roadmap\" class=\"nav-link\">Roadmap<\/a>\r\n    <\/div>\r\n    <div class=\"nav-right\">\r\n      <a href=\"#community\" class=\"btn btn-primary\">Buy $TIMELORD<\/a>\r\n    <\/div>\r\n  <\/nav>\r\n\r\n  <section id=\"hero\" class=\"tl-section\">\r\n    <video autoplay muted loop playsinline class=\"bg-video\">\r\n      <source src=\"https:\/\/thetimelord.fun\/wp-content\/uploads\/2026\/04\/TIMELORD-BG.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n    <div class=\"hero-overlay\"><\/div>\r\n    <div class=\"hero-content fade-up\">\r\n      <h3 class=\"subtitle\">PROJECT 2147<\/h3>\r\n      <h1 class=\"title glow-text\">THE ANOMALY HAS ARRIVED<\/h1>\r\n      \r\n      <div class=\"ca-wrapper\">\r\n        <div class=\"ca-container glass-panel\">\r\n          <span id=\"ca-text\" class=\"ca-text\">SolanaContractAddressHere1234567890<\/span>\r\n          <button onclick=\"copyCA()\" id=\"copy-btn\" class=\"btn btn-copy\">COPY CA<\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"about\" class=\"tl-section p-y text-center\">\r\n    <div class=\"container flex-col-center\">\r\n      <h2 class=\"animate-text fade-up\">The future isn't written yet, but the signal is live. <br><span class=\"text-white\">Are you a survivor or a memory?<\/span><\/h2>\r\n      \r\n      <div class=\"image-plain-60 fade-up delay-1\">\r\n        <img decoding=\"async\" src=\"https:\/\/thetimelord.fun\/wp-content\/uploads\/2026\/04\/Asset-4.png\" alt=\"About The Time Lord\" class=\"section-img float-anim\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"lore\" class=\"tl-section p-y\">\r\n    <div class=\"bg-image\" style=\"background-image: url('https:\/\/thetimelord.fun\/wp-content\/uploads\/2026\/04\/Asset-5.png');\"><\/div>\r\n    <div class=\"bg-overlay-gradient\"><\/div>\r\n    <div class=\"container text-center relative z-10 flex-col-center\">\r\n      <h2 class=\"section-title fade-up tracking-in\">THE LORE<\/h2>\r\n      <p class=\"section-desc fade-up delay-1\">\r\n        In the ruins of the future, crypto was the only asset that survived the dimensional collapse. Solana evolved into 'The Nexus'\u2014the heartbeat of all parallel realities. The Time Lord, a fusion of the last human consciousness and pure Time Crystal energy, has breached the 2026 timeline.<br><br>\r\n        Clad in a black futuristic hoodie with a reverse-spinning hourglass, he watches us through his LED mask. He sees the cracks in our reality. He sees the FOMO that will either save us or destroy us.<br><br>\r\n        He doesn\u2019t change the past. He predicts the inevitable. Follow the clock hands.\r\n      <\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"how-to-buy\" class=\"tl-section p-y text-center\">\r\n    <div class=\"container flex-col-center\">\r\n      <h2 class=\"section-title fade-up tracking-in\">HOW TO BUY<\/h2>\r\n      \r\n      <div class=\"grid-2x2 fade-up delay-1\">\r\n        <div class=\"card minimal-card glass-panel\">\r\n          <div class=\"card-num\">01<\/div>\r\n          <h4>CREATE WALLET<\/h4>\r\n          <p>Download Phantom or your wallet of choice from the app store or google play store for free.<\/p>\r\n        <\/div>\r\n        <div class=\"card minimal-card glass-panel\">\r\n          <div class=\"card-num\">02<\/div>\r\n          <h4>GET SOME SOL<\/h4>\r\n          <p>Have SOL in your wallet to switch to $TIMELORD. If you don\u2019t have any SOL, you can buy directly on Phantom.<\/p>\r\n        <\/div>\r\n        <div class=\"card minimal-card glass-panel\">\r\n          <div class=\"card-num\">03<\/div>\r\n          <h4>GO TO RAYDIUM<\/h4>\r\n          <p>Connect to Raydium in google chrome or on the browser inside your Phantom app.<\/p>\r\n        <\/div>\r\n        <div class=\"card minimal-card glass-panel\">\r\n          <div class=\"card-num\">04<\/div>\r\n          <h4>SWITCH FOR $TIMELORD<\/h4>\r\n          <p>Switch SOL for $TIMELORD. We have Zero taxes so you don\u2019t need to worry about buying with a specific slippage.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"image-plain-60 fade-up delay-2 mt-x\">\r\n        <img decoding=\"async\" src=\"https:\/\/thetimelord.fun\/wp-content\/uploads\/2026\/04\/Asset-6.png\" alt=\"How to Buy\" class=\"section-img float-anim-delayed\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"roadmap\" class=\"tl-section p-y text-center\">\r\n    <div class=\"container flex-col-center\">\r\n      <h2 class=\"section-title fade-up tracking-in\">THE CHRONOS ROADMAP<\/h2>\r\n      <div class=\"elegant-timeline\">\r\n        \r\n        <div class=\"timeline-row fade-up\">\r\n          <div class=\"t-phase\">PHASE I<\/div>\r\n          <div class=\"t-dot\"><div class=\"dot-inner\"><\/div><\/div>\r\n          <div class=\"t-content\">\r\n            <h4>THE SIGNAL<\/h4>\r\n            <p>Token Launch on Solana, Community Formation, Social Media Cryptic Transmissions initiated.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"timeline-row fade-up\">\r\n          <div class=\"t-phase\">PHASE II<\/div>\r\n          <div class=\"t-dot\"><div class=\"dot-inner\"><\/div><\/div>\r\n          <div class=\"t-content\">\r\n            <h4>THE AWAKENING<\/h4>\r\n            <p>CoinGecko & CoinMarketCap Listings, First Major Crossover Event (The Henry Paradox).<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"timeline-row fade-up\">\r\n          <div class=\"t-phase\">PHASE III<\/div>\r\n          <div class=\"t-dot\"><div class=\"dot-inner\"><\/div><\/div>\r\n          <div class=\"t-content\">\r\n            <h4>THE NEXUS<\/h4>\r\n            <p>Tier 1 CEX Listings. Time Crystals distributed globally. The transmission strengthens.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"timeline-row fade-up\">\r\n          <div class=\"t-phase\">PHASE IV<\/div>\r\n          <div class=\"t-dot\"><div class=\"dot-inner\"><\/div><\/div>\r\n          <div class=\"t-content\">\r\n            <h4>THE PROTOCOL<\/h4>\r\n            <p>Secret Utility Unlocked for Holders. DApp integration to track timeline stabilization metrics.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"timeline-row fade-up\">\r\n          <div class=\"t-phase\">PHASE V<\/div>\r\n          <div class=\"t-dot\"><div class=\"dot-inner\"><\/div><\/div>\r\n          <div class=\"t-content\">\r\n            <h4>THE TIMELINE SECURED<\/h4>\r\n            <p>Global dominance. The Singularity is prevented. 2147 is saved by the 2026 Solana Nexus.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"community\" class=\"tl-section p-y text-center\">\r\n    <div class=\"bg-image zoom-bg\" style=\"background-image: url('https:\/\/thetimelord.fun\/wp-content\/uploads\/2026\/04\/Asset-7.png');\"><\/div>\r\n    <div class=\"bg-overlay-solid\"><\/div>\r\n    <div class=\"container relative z-10 fade-up flex-col-center\">\r\n      <h2 class=\"section-title tracking-in\">JOIN THE RESISTANCE<\/h2>\r\n      <p class=\"section-desc mb-x\">The portal won't stay open forever. Secure your timeline before it's too late.<\/p>\r\n      <div class=\"flex-center gap-4\">\r\n        <a href=\"#\" class=\"btn btn-outline\">TWITTER X<\/a>\r\n        <a href=\"#\" class=\"btn btn-outline\">TELEGRAM<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <footer class=\"tl-footer\">\r\n    <div class=\"container flex-between\">\r\n      <div class=\"footer-logo\">TIMELORD<\/div>\r\n      <div class=\"footer-copy\">&copy; 2026 TIMELORD. THE FUTURE IS AN ILLUSION.<\/div>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n  <style>\r\n    \/* Premium Fonts *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Darker+Grotesque:wght@300;400;500;600;700;800;900&family=Instrument+Serif:ital@0;1&display=swap');\r\n\r\n    \/* High-End Variables *\/\r\n    :root {\r\n      --bg-color: #010101;\r\n      --text-main: #ffffff;\r\n      --text-muted: #9aa0a6;\r\n      --border-light: rgba(255, 255, 255, 0.08);\r\n      --border-hover: rgba(255, 255, 255, 0.4);\r\n      --accent-glow: rgba(255, 255, 255, 0.15);\r\n      --font-grotesque: 'Darker Grotesque', sans-serif;\r\n      --font-serif: 'Instrument Serif', serif;\r\n      --transition-smooth: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n      --transition-bounce: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    }\r\n\r\n    \/* Base Reset - Ultra Clean *\/\r\n    #timelord-app {\r\n      font-family: var(--font-grotesque);\r\n      background-color: var(--bg-color);\r\n      color: var(--text-main);\r\n      margin: 0; padding: 0;\r\n      width: 100%; overflow-x: hidden;\r\n      line-height: 1.6; font-size: 19px;\r\n      -webkit-font-smoothing: antialiased;\r\n      -moz-osx-font-smoothing: grayscale;\r\n      scroll-behavior: smooth;\r\n    }\r\n    #timelord-app * { box-sizing: border-box; }\r\n    h1, h2, h3, h4 { margin: 0; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; }\r\n    p { margin: 0; color: var(--text-muted); font-weight: 500; font-size: 21px; }\r\n    a { text-decoration: none; color: inherit; }\r\n\r\n    \/* CRT Overlay - Animated Scanlines *\/\r\n    .crt-overlay {\r\n      pointer-events: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\r\n      background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.1) 50%);\r\n      background-size: 100% 4px; z-index: 9999; opacity: 0.3;\r\n      animation: scanlines 10s linear infinite;\r\n    }\r\n    @keyframes scanlines { 0% { background-position: 0 0; } 100% { background-position: 0 100vh; } }\r\n\r\n    \/* Layout & Utility *\/\r\n    .container { max-width: 1200px; margin: 0 auto; padding: 0 5%; width: 100%; }\r\n    .flex-col-center { display: flex; flex-direction: column; align-items: center; justify-content: center; }\r\n    .text-center { text-align: center; }\r\n    .p-y { padding: 140px 0; }\r\n    .mt-x { margin-top: 80px; }\r\n    .mb-x { margin-bottom: 50px; }\r\n    .relative { position: relative; }\r\n    .z-10 { z-index: 10; }\r\n    .flex-center { display: flex; justify-content: center; align-items: center; }\r\n    .flex-between { display: flex; justify-content: space-between; align-items: center; }\r\n    .gap-4 { gap: 20px; }\r\n\r\n    \/* Glassmorphism Panel Utility *\/\r\n    .glass-panel {\r\n      background: linear-gradient(145deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.005) 100%);\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n      border: 1px solid var(--border-light);\r\n      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    \/* Buttons - Magnetic & Glowing Hover *\/\r\n    .btn {\r\n      position: relative; display: inline-flex; justify-content: center; align-items: center;\r\n      font-family: var(--font-grotesque); font-size: 14px; font-weight: 800; letter-spacing: 0.15em;\r\n      text-transform: uppercase; cursor: pointer; padding: 14px 32px;\r\n      background: transparent; color: var(--text-main);\r\n      border: 1px solid var(--border-light); border-radius: 4px;\r\n      overflow: hidden; transition: var(--transition-smooth); z-index: 1;\r\n    }\r\n    .btn::before {\r\n      content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n      background: var(--text-main); transform: scaleX(0); transform-origin: right;\r\n      transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); z-index: -1;\r\n    }\r\n    .btn:hover::before { transform: scaleX(1); transform-origin: left; }\r\n    .btn:hover { color: var(--bg-color); border-color: var(--text-main); box-shadow: 0 0 20px var(--accent-glow); }\r\n    .btn-copy { font-size: 12px; padding: 10px 20px; flex: 0 0 auto; margin-left: 20px; border-radius: 4px; }\r\n\r\n    \/* Navbar - Cinematic Fade *\/\r\n    .tl-nav {\r\n      position: fixed; top: 0; left: 0; width: 100%; display: flex; justify-content: space-between; align-items: center;\r\n      padding: 24px 5%; background: linear-gradient(180deg, rgba(1,1,1,0.9) 0%, rgba(1,1,1,0) 100%);\r\n      backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);\r\n      border-bottom: 1px solid transparent; z-index: 1000; transition: var(--transition-smooth);\r\n    }\r\n    .tl-nav.scrolled { background: rgba(1, 1, 1, 0.85); border-bottom: 1px solid var(--border-light); padding: 16px 5%; }\r\n    .logo-text { font-size: 22px; font-weight: 900; letter-spacing: 0.25em; text-shadow: 0 0 20px rgba(255,255,255,0.2); }\r\n    .nav-center .nav-link { margin: 0 24px; font-size: 14px; font-weight: 700; letter-spacing: 0.15em; color: var(--text-muted); transition: var(--transition-smooth); position: relative; }\r\n    .nav-center .nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0%; height: 1px; background: var(--text-main); transition: var(--transition-smooth); }\r\n    .nav-center .nav-link:hover { color: var(--text-main); }\r\n    .nav-center .nav-link:hover::after { width: 100%; }\r\n\r\n    \/* Sections Shared *\/\r\n    .tl-section { position: relative; width: 100%; overflow: hidden; display: flex; flex-direction: column; align-items: center; }\r\n    .section-title { font-size: 38px; font-weight: 900; letter-spacing: 0.2em; margin-bottom: 70px; color: var(--text-main); text-shadow: 0 0 30px rgba(255,255,255,0.1); }\r\n    .section-desc { max-width: 720px; margin: 0 auto; line-height: 1.8; text-align: center; }\r\n    \r\n    \/* Plain Image (No Border) *\/\r\n    .image-plain-60 { width: 60%; margin: 0 auto; display: flex; justify-content: center; overflow: visible; filter: drop-shadow(0 20px 40px rgba(0,0,0,0.5)); }\r\n    .section-img { width: 100%; height: auto; display: block; object-fit: cover; }\r\n\r\n    \/* Floating Animations for Images *\/\r\n    .float-anim { animation: float 6s ease-in-out infinite; }\r\n    .float-anim-delayed { animation: float 6s ease-in-out infinite 3s; }\r\n    @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-15px); } 100% { transform: translateY(0px); } }\r\n\r\n    \/* Hero *\/\r\n    #hero { height: 100vh; justify-content: flex-end; padding-bottom: 12vh; }\r\n    .bg-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; opacity: 0.6; mix-blend-mode: screen; }\r\n    .hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(1,1,1,0.2) 0%, #010101 100%); z-index: 2; }\r\n    .hero-content { position: relative; z-index: 3; text-align: center; width: 100%; padding: 0 5%; }\r\n    .hero-content .subtitle { font-size: 16px; font-weight: 700; color: var(--text-muted); letter-spacing: 0.4em; margin-bottom: 20px; text-transform: uppercase; }\r\n    .hero-content .title { font-size: 5.5vw; font-weight: 900; letter-spacing: 0.05em; line-height: 1.1; margin-bottom: 50px; }\r\n    .glow-text { text-shadow: 0 0 40px rgba(255,255,255,0.25), 0 0 80px rgba(255,255,255,0.1); }\r\n    \r\n    \/* Copy CA Container - Upgraded Glass Panel *\/\r\n    .ca-wrapper { display: flex; justify-content: center; width: 100%; }\r\n    .ca-container { \r\n      display: inline-flex; align-items: center; justify-content: space-between; \r\n      border-radius: 6px; padding: 8px 8px 8px 24px; max-width: 100%; width: auto;\r\n      transition: var(--transition-smooth);\r\n    }\r\n    .ca-container:hover { border-color: var(--border-hover); box-shadow: 0 0 30px rgba(255,255,255,0.05); }\r\n    .ca-text { font-size: 15px; font-family: 'Courier New', Courier, monospace; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1 1 auto; letter-spacing: 1px; }\r\n\r\n    \/* About Title - Instrument Serif Cinematic *\/\r\n    .animate-text { font-family: var(--font-serif); text-transform: none !important; font-size: 64px; font-weight: 400; line-height: 1.05; margin-bottom: 70px; color: var(--text-muted); letter-spacing: -0.02em; max-width: 900px; }\r\n    .text-white { color: var(--text-main); font-weight: 400; font-style: italic; text-shadow: 0 0 30px rgba(255,255,255,0.2); }\r\n\r\n    \/* Backgrounds *\/\r\n    .bg-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; filter: grayscale(30%) contrast(1.2); }\r\n    .zoom-bg { animation: slowZoom 20s ease-in-out infinite alternate; }\r\n    @keyframes slowZoom { 0% { transform: scale(1); } 100% { transform: scale(1.05); } }\r\n    .bg-overlay-gradient { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #010101 0%, rgba(1,1,1,0.4) 50%, #010101 100%); z-index: 2; }\r\n    .bg-overlay-solid { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(1,1,1,0.9); z-index: 2; }\r\n\r\n    \/* How to Buy Cards - Minimalist Premium *\/\r\n    .grid-2x2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; max-width: 960px; width: 100%; margin: 0 auto; text-align: left; }\r\n    .minimal-card { \r\n      padding: 50px; border-radius: 8px; transition: var(--transition-bounce); \r\n      position: relative; overflow: hidden; transform: translateY(0);\r\n    }\r\n    .minimal-card:hover { \r\n      transform: translateY(-8px); border-color: rgba(255,255,255,0.2); \r\n      background: linear-gradient(145deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.01) 100%);\r\n      box-shadow: 0 20px 40px rgba(0,0,0,0.8), 0 0 40px rgba(255,255,255,0.03); \r\n    }\r\n    .card-num { font-size: 13px; font-weight: 900; color: rgba(255,255,255,0.3); margin-bottom: 20px; letter-spacing: 0.15em; font-family: 'Courier New', Courier, monospace; }\r\n    .minimal-card h4 { font-size: 24px; margin-bottom: 16px; color: var(--text-main); }\r\n    .minimal-card p { font-size: 18px; line-height: 1.7; color: var(--text-muted); }\r\n\r\n    \/* Roadmap - Futuristic Elegant Timeline *\/\r\n    .elegant-timeline { max-width: 860px; width: 100%; margin: 0 auto; position: relative; padding: 30px 0; text-align: left; }\r\n    .elegant-timeline::before { \r\n      content: ''; position: absolute; top: 0; left: 140px; width: 1px; height: 100%; \r\n      background: linear-gradient(to bottom, transparent, var(--border-hover), transparent); \r\n    }\r\n    .timeline-row { display: flex; position: relative; margin-bottom: 60px; width: 100%; }\r\n    .timeline-row:last-child { margin-bottom: 0; }\r\n    .t-phase { width: 140px; flex-shrink: 0; font-size: 15px; font-weight: 800; color: var(--text-muted); letter-spacing: 0.15em; padding-top: 5px; transition: var(--transition-smooth); }\r\n    .t-dot { \r\n      position: absolute; left: 134px; top: 8px; width: 13px; height: 13px; \r\n      background: var(--bg-color); border: 1px solid var(--border-hover); border-radius: 50%; \r\n      display: flex; justify-content: center; align-items: center; transition: var(--transition-bounce); \r\n    }\r\n    .dot-inner { width: 3px; height: 3px; background: transparent; border-radius: 50%; transition: var(--transition-smooth); }\r\n    .timeline-row:hover .t-phase { color: var(--text-main); }\r\n    .timeline-row:hover .t-dot { border-color: var(--text-main); box-shadow: 0 0 20px rgba(255,255,255,0.5); transform: scale(1.2); }\r\n    .timeline-row:hover .dot-inner { background: var(--text-main); }\r\n    .t-content { padding-left: 50px; flex-grow: 1; }\r\n    .t-content h4 { font-size: 26px; margin-bottom: 12px; transition: var(--transition-smooth); }\r\n    .timeline-row:hover .t-content h4 { color: #fff; text-shadow: 0 0 15px rgba(255,255,255,0.2); }\r\n    .t-content p { font-size: 19px; line-height: 1.7; }\r\n\r\n    \/* Footer *\/\r\n    .tl-footer { width: 100%; padding: 50px 5%; border-top: 1px solid var(--border-light); background: var(--bg-color); }\r\n    .footer-logo { font-size: 18px; font-weight: 900; letter-spacing: 0.3em; color: var(--text-main); }\r\n    .footer-copy { font-size: 13px; font-weight: 700; color: var(--text-muted); letter-spacing: 0.15em; font-family: 'Courier New', Courier, monospace; }\r\n\r\n    \/* Cinematic Scroll Reveal Animations (The 100x Upgrade) *\/\r\n    .fade-up { \r\n      opacity: 0; transform: translateY(50px) scale(0.98); filter: blur(5px); \r\n      transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1), filter 1.2s cubic-bezier(0.16, 1, 0.3, 1); \r\n    }\r\n    .fade-up.visible { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }\r\n    \r\n    .tracking-in { letter-spacing: 0.5em; opacity: 0; transition: letter-spacing 1.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 1.5s ease; }\r\n    .tracking-in.visible { letter-spacing: 0.2em; opacity: 1; }\r\n\r\n    .delay-1 { transition-delay: 0.2s; }\r\n    .delay-2 { transition-delay: 0.4s; }\r\n\r\n    \/* Responsive Design - Kept Intact & Polished *\/\r\n    @media (max-width: 900px) {\r\n      .hero-content .title { font-size: 48px; }\r\n      .image-plain-60 { width: 85%; }\r\n      .grid-2x2 { grid-template-columns: 1fr; gap: 20px; }\r\n      .elegant-timeline::before { left: 90px; }\r\n      .t-phase { width: 90px; font-size: 13px; }\r\n      .t-dot { left: 84px; }\r\n      .t-content { padding-left: 40px; }\r\n      .minimal-card { padding: 35px; }\r\n    }\r\n    @media (max-width: 600px) {\r\n      .tl-nav { padding: 20px 5%; }\r\n      .nav-center { display: none; }\r\n      .tl-footer { flex-direction: column; gap: 24px; text-align: center; padding: 40px 5%; }\r\n      .hero-content .title { font-size: 38px; margin-bottom: 30px; }\r\n      .animate-text { font-size: 42px; }\r\n      .image-plain-60 { width: 100%; }\r\n      .ca-container { padding: 6px 6px 6px 16px; }\r\n      .ca-text { max-width: 140px; font-size: 13px; }\r\n      .btn-copy { margin-left: 12px; padding: 8px 16px; }\r\n      \r\n      .elegant-timeline::before { left: 14px; }\r\n      .timeline-row { flex-direction: column; margin-bottom: 40px; }\r\n      .t-phase { padding-left: 40px; margin-bottom: 12px; width: 100%; font-size: 12px; }\r\n      .t-dot { left: 8px; top: 4px; }\r\n      .t-content { padding-left: 40px; }\r\n      .t-content h4 { font-size: 22px; }\r\n    }\r\n  <\/style>\r\n\r\n  <script>\r\n    \/\/ Copy CA Logic with Polished UI Feedback\r\n    function copyCA() {\r\n      const caTextElement = document.getElementById(\"ca-text\");\r\n      const copyBtn = document.getElementById(\"copy-btn\");\r\n      const textToCopy = caTextElement.innerText;\r\n\r\n      navigator.clipboard.writeText(textToCopy).then(() => {\r\n        const originalText = copyBtn.innerText;\r\n        copyBtn.innerText = \"COPIED!\";\r\n        \r\n        copyBtn.style.color = \"var(--bg-color)\";\r\n        copyBtn.style.background = \"var(--text-main)\";\r\n        copyBtn.style.boxShadow = \"0 0 20px rgba(255,255,255,0.4)\";\r\n\r\n        setTimeout(() => {\r\n          copyBtn.innerText = originalText;\r\n          copyBtn.style.color = \"\";\r\n          copyBtn.style.background = \"\";\r\n          copyBtn.style.boxShadow = \"\";\r\n        }, 2000);\r\n      }).catch(err => {\r\n        console.error('Failed to copy text: ', err);\r\n      });\r\n    }\r\n\r\n    \/\/ Advanced Intersection Observer for Cinematic Reveals\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n      \/\/ Nav scroll effect\r\n      const nav = document.querySelector('.tl-nav');\r\n      window.addEventListener('scroll', () => {\r\n        if (window.scrollY > 50) {\r\n          nav.classList.add('scrolled');\r\n        } else {\r\n          nav.classList.remove('scrolled');\r\n        }\r\n      });\r\n\r\n      \/\/ Scroll reveal\r\n      const observerOptions = { root: null, rootMargin: '0px', threshold: 0.15 };\r\n      const observer = new IntersectionObserver((entries, observer) => {\r\n        entries.forEach(entry => {\r\n          if (entry.isIntersecting) {\r\n            entry.target.classList.add('visible');\r\n            observer.unobserve(entry.target); \r\n          }\r\n        });\r\n      }, observerOptions);\r\n\r\n      const fadeElements = document.querySelectorAll('.fade-up, .tracking-in');\r\n      fadeElements.forEach(el => { observer.observe(el); });\r\n    });\r\n  <\/script>\r\n<\/div>\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>TIMELORD About Lore How to Buy Roadmap Buy $TIMELORD PROJECT 2147 THE ANOMALY HAS ARRIVED SolanaContractAddressHere1234567890 COPY CA The future isn&#8217;t written yet, but the signal is live. Are you a survivor or a memory? THE LORE In the ruins of the future, crypto was the only asset that survived the dimensional collapse. Solana evolved [&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:\/\/thetimelord.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thetimelord.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thetimelord.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thetimelord.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thetimelord.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":28,"href":"https:\/\/thetimelord.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":46,"href":"https:\/\/thetimelord.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/46"}],"wp:attachment":[{"href":"https:\/\/thetimelord.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}