{"id":8,"date":"2026-07-11T10:15:08","date_gmt":"2026-07-11T10:15:08","guid":{"rendered":"https:\/\/toyjak.site\/?page_id=8"},"modified":"2026-07-11T11:16:29","modified_gmt":"2026-07-11T11:16:29","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/toyjak.site\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\n\n\n \n \n TOYJAK \u2014 The Calm Cowboy of Crypto<\/title>\n <style>\n \/* ============================================================\n BASE & RESET\n ============================================================ *\/\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --tan: #f5e6c8;\n --sand: #e8d5a3;\n --brown: #7a4f1e;\n --dark: #1c0e05;\n --gold: #d4a017;\n --amber: #e8860a;\n --rust: #b84c1a;\n --cream: #fdf3e0;\n --shadow: rgba(28, 14, 5, 0.7);\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Georgia', 'Times New Roman', serif;\n background: var(--dark);\n color: var(--cream);\n overflow-x: hidden;\n }\n\n \/* ============================================================\n TYPOGRAPHY\n ============================================================ *\/\n .serif-title {\n font-family: 'Georgia', serif;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n }\n\n \/* ============================================================\n SCROLL REVEAL\n ============================================================ *\/\n .reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n .reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n .reveal-left {\n opacity: 0;\n transform: translateX(-60px);\n transition: opacity 0.9s ease, transform 0.9s ease;\n }\n .reveal-left.visible { opacity: 1; transform: translateX(0); }\n .reveal-right {\n opacity: 0;\n transform: translateX(60px);\n transition: opacity 0.9s ease, transform 0.9s ease;\n }\n .reveal-right.visible { opacity: 1; transform: translateX(0); }\n\n \/* ============================================================\n SECTION BACKGROUNDS (fixed attachment)\n ============================================================ *\/\n .section-bg {\n position: relative;\n background-attachment: fixed;\n background-size: cover;\n background-position: center center;\n background-repeat: no-repeat;\n }\n\n \/* ============================================================\n DIVIDERS \u2014 cowboy-themed SVG rope dividers\n ============================================================ *\/\n .divider {\n position: relative;\n width: 100%;\n overflow: hidden;\n line-height: 0;\n z-index: 10;\n }\n .divider svg { display: block; width: 100%; }\n\n \/* ============================================================\n \u2588\u2588 SECTION 1 \u2014 HERO\n ============================================================ *\/\n #hero {\n min-height: 100vh;\n background-image: url('http:\/\/toyjak.site\/wp-content\/uploads\/2026\/07\/bg1.png');\n background-attachment: fixed;\n background-size: cover;\n background-position: center top;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n }\n\n \/* dark cinematic overlay *\/\n #hero::before {\n content: '';\n position: absolute; inset: 0;\n background: radial-gradient(ellipse at center top, rgba(10,5,0,0.10) 0%, rgba(10,5,0,0.38) 100%);\n z-index: 1;\n }\n\n \/* dust particles layer *\/\n #hero-particles {\n position: absolute; inset: 0; z-index: 2; pointer-events: none;\n }\n\n \/* hero background logo \u2014 large, fully visible *\/\n .hero-logo-bg {\n position: absolute;\n top: 20%;\n left: 50%;\n transform: translate(-50%, -52%);\n width: min(980px, 105vw);\n opacity: 1;\n z-index: 2;\n animation: slowPulse 6s ease-in-out infinite;\n pointer-events: none;\n }\n @keyframes slowPulse {\n 0%,100% { opacity: 1; transform: translate(-50%,-52%) scale(1); }\n 50% { opacity: 0.9; transform: translate(-50%,-52%) scale(1.03); }\n }\n\n \/* hero content *\/\n .hero-content {\n position: relative; z-index: 5;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n padding: 140px 20px 0;\n gap: 0;\n }\n\n .hero-eyebrow {\n font-size: clamp(0.75rem, 2vw, 1rem);\n letter-spacing: 0.35em;\n text-transform: uppercase;\n color: var(--gold);\n background: rgba(28,14,5,0.6);\n border: 1px solid rgba(212,160,23,0.4);\n padding: 6px 20px;\n border-radius: 3px;\n margin-bottom: 20px;\n backdrop-filter: blur(4px);\n }\n\n .hero-title {\n font-size: clamp(4rem, 13vw, 11rem);\n font-weight: 900;\n line-height: 0.9;\n color: #fff;\n text-shadow:\n 0 0 60px rgba(212,160,23,0.6),\n 4px 4px 0 var(--brown),\n 8px 8px 0 rgba(28,14,5,0.5);\n letter-spacing: -0.02em;\n font-style: italic;\n }\n\n .hero-ticker {\n font-size: clamp(1.2rem, 4vw, 2.2rem);\n color: var(--amber);\n letter-spacing: 0.25em;\n text-transform: uppercase;\n margin-top: 8px;\n text-shadow: 0 0 20px rgba(232,134,10,0.8);\n }\n\n .hero-tagline {\n font-size: clamp(1.1rem, 2.8vw, 1.7rem);\n color: #fff;\n font-weight: 700;\n max-width: 560px;\n margin: 18px auto 0;\n line-height: 1.6;\n font-style: italic;\n text-shadow: 1px 1px 8px rgba(0,0,0,0.8);\n }\n\n \/* CTA buttons *\/\n .hero-ctas {\n display: flex;\n gap: 16px;\n flex-wrap: wrap;\n justify-content: center;\n margin-top: 32px;\n }\n\n .btn-primary {\n background: linear-gradient(135deg, var(--amber), var(--gold));\n color: var(--dark);\n font-size: 1rem;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 14px 36px;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n display: inline-block;\n box-shadow: 0 4px 20px rgba(212,160,23,0.5), inset 0 1px 0 rgba(255,255,255,0.2);\n transition: transform 0.2s, box-shadow 0.2s;\n }\n .btn-primary::before {\n content: '';\n position: absolute; top: 0; left: -100%;\n width: 100%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);\n transition: left 0.5s;\n }\n .btn-primary:hover::before { left: 100%; }\n .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(212,160,23,0.7); }\n\n .btn-outline {\n background: transparent;\n color: var(--cream);\n font-size: 1rem;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 13px 34px;\n border: 2px solid rgba(245,230,200,0.5);\n border-radius: 4px;\n cursor: pointer;\n text-decoration: none;\n display: inline-block;\n backdrop-filter: blur(4px);\n transition: all 0.2s;\n }\n .btn-outline:hover {\n border-color: var(--gold);\n color: var(--gold);\n background: rgba(212,160,23,0.1);\n transform: translateY(-2px);\n }\n\n \/* contract address *\/\n .contract-box {\n margin-top: 28px;\n display: flex;\n align-items: center;\n gap: 0;\n background: rgba(28,14,5,0.7);\n border: 1px solid rgba(212,160,23,0.35);\n border-radius: 6px;\n backdrop-filter: blur(8px);\n overflow: hidden;\n max-width: 540px;\n width: 100%;\n }\n .contract-label {\n background: rgba(212,160,23,0.2);\n color: var(--gold);\n font-size: 0.7rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n padding: 10px 14px;\n white-space: nowrap;\n border-right: 1px solid rgba(212,160,23,0.3);\n }\n .contract-addr {\n flex: 1;\n font-size: clamp(0.65rem, 1.5vw, 0.8rem);\n color: var(--tan);\n padding: 10px 14px;\n font-family: 'Courier New', monospace;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n .contract-copy {\n background: var(--amber);\n color: var(--dark);\n border: none;\n padding: 10px 14px;\n cursor: pointer;\n font-size: 0.75rem;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n transition: background 0.2s;\n white-space: nowrap;\n }\n .contract-copy:hover { background: var(--gold); }\n .contract-copy.copied { background: #4caf50; color: #fff; }\n\n \/* hero mascot *\/\n .hero-mascot-wrap {\n position: absolute;\n bottom: -10; left: 50%;\n transform: translateX(-50%);\n z-index: 4;\n width: min(720px, 90vw);\n animation: floatHero 4s ease-in-out infinite;\n transform-origin: bottom center;\n }\n .hero-mascot-wrap img {\n width: 100%;\n filter: drop-shadow(0 20px 60px rgba(212,160,23,0.5)) drop-shadow(0 0 30px rgba(232,134,10,0.3));\n }\n @keyframes floatHero {\n 0%,100% { transform: translateX(-50%) translateY(0px) rotate(-1deg); }\n 50% { transform: translateX(-50%) translateY(-18px) rotate(1deg); }\n }\n\n \/* floating dust motes *\/\n .mote {\n position: absolute;\n border-radius: 50%;\n background: rgba(245,230,200,0.6);\n animation: moteFloat linear infinite;\n pointer-events: none;\n }\n @keyframes moteFloat {\n 0% { transform: translateY(0) translateX(0) scale(1); opacity: 0; }\n 10% { opacity: 1; }\n 90% { opacity: 0.6; }\n 100% { transform: translateY(-120vh) translateX(var(--drift)) scale(0.5); opacity: 0; }\n }\n\n \/* scroll indicator *\/\n .scroll-hint {\n position: absolute;\n bottom: 28px; left: 50%;\n transform: translateX(-50%);\n z-index: 6;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 6px;\n color: rgba(245,230,200,0.5);\n font-size: 0.7rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n animation: scrollBounce 2s ease-in-out infinite;\n }\n .scroll-hint svg { width: 24px; height: 24px; }\n @keyframes scrollBounce {\n 0%,100% { transform: translateX(-50%) translateY(0); opacity: 0.5; }\n 50% { transform: translateX(-50%) translateY(8px); opacity: 1; }\n }\n\n \/* ============================================================\n DIVIDER 1 \u2014 rope & wood plank divider\n ============================================================ *\/\n .divider-1 {\n background: linear-gradient(to bottom, transparent, var(--dark));\n height: 80px;\n position: relative;\n z-index: 8;\n }\n .divider-plank {\n width: 100%;\n background:\n repeating-linear-gradient(\n 90deg,\n rgba(90,55,20,0.9) 0px,\n rgba(110,65,22,0.9) 80px,\n rgba(90,55,20,0.9) 160px\n );\n position: relative;\n z-index: 10;\n padding: 10px 0;\n border-top: 4px solid rgba(60,35,10,0.9);\n border-bottom: 4px solid rgba(60,35,10,0.9);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 20px;\n overflow: hidden;\n box-shadow: 0 -8px 30px rgba(0,0,0,0.6), 0 8px 30px rgba(0,0,0,0.6);\n }\n .divider-plank::before, .divider-plank::after {\n content: '';\n position: absolute;\n top: 0; bottom: 0;\n width: 100%;\n background: repeating-linear-gradient(\n 90deg,\n transparent 0px,\n transparent 78px,\n rgba(40,20,5,0.3) 78px,\n rgba(40,20,5,0.3) 82px\n );\n }\n .plank-star {\n color: var(--gold);\n font-size: 1.4rem;\n text-shadow: 0 0 10px rgba(212,160,23,0.8);\n position: relative; z-index: 2;\n animation: spinStar 8s linear infinite;\n }\n @keyframes spinStar {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n .plank-text {\n color: var(--gold);\n font-size: 1.1rem;\n letter-spacing: 0.3em;\n text-transform: uppercase;\n font-style: italic;\n position: relative; z-index: 2;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.8), 0 0 20px rgba(212,160,23,0.5);\n }\n .plank-rope {\n position: absolute; top: -6px; left: 0; right: 0;\n height: 6px;\n background: repeating-linear-gradient(\n 90deg,\n rgba(139,90,43,0.9) 0px, rgba(139,90,43,0.9) 12px,\n rgba(100,60,25,0.9) 12px, rgba(100,60,25,0.9) 18px\n );\n }\n\n \/* ============================================================\n \u2588\u2588 SECTION 2 \u2014 ABOUT\n ============================================================ *\/\n #about {\n min-height: 100vh;\n \/*background-image: url('http:\/\/toyjak.site\/wp-content\/uploads\/2026\/07\/bg2.png');*\/\n background-attachment: fixed;\n background-size: cover;\n background-position: center;\n position: relative;\n overflow: hidden;\n }\n #about::before {\n content: '';\n position: absolute; inset: 0;\n background: radial-gradient(ellipse at 30% 50%, rgba(10,5,0,0.12) 0%, rgba(10,5,0,0.42) 100%);\n z-index: 1;\n }\n\n .about-inner {\n position: relative; z-index: 2;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n max-width: 1200px;\n margin: 0 auto;\n padding: 100px 40px;\n }\n\n .about-text-side { }\n\n .section-badge {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: rgba(212,160,23,0.15);\n border: 1px solid rgba(212,160,23,0.4);\n color: var(--gold);\n font-size: 0.75rem;\n letter-spacing: 0.3em;\n text-transform: uppercase;\n padding: 7px 16px;\n border-radius: 3px;\n margin-bottom: 24px;\n }\n .section-badge::before { content: '\u2726'; }\n .section-badge::after { content: '\u2726'; }\n\n .about-heading {\n font-size: clamp(2.2rem, 5vw, 4rem);\n color: #fff;\n line-height: 1.1;\n text-shadow: 3px 3px 12px rgba(0,0,0,0.8);\n margin-bottom: 24px;\n }\n .about-heading em {\n color: var(--amber);\n font-style: italic;\n }\n\n .about-body {\n font-size: 1.15rem;\n line-height: 1.9;\n color: var(--cream);\n font-weight: 600;\n text-shadow: 1px 1px 6px rgba(0,0,0,0.7);\n margin-bottom: 30px;\n }\n\n \/* badge pills *\/\n .badge-row {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 10px;\n }\n .badge-pill {\n background: rgba(184,76,26,0.25);\n border: 1px solid rgba(184,76,26,0.5);\n color: var(--rust);\n font-size: 0.78rem;\n letter-spacing: 0.15em;\n padding: 6px 14px;\n border-radius: 20px;\n text-transform: uppercase;\n transition: all 0.2s;\n }\n .badge-pill:hover {\n background: rgba(184,76,26,0.4);\n border-color: var(--rust);\n transform: scale(1.05);\n }\n\n \/* about character *\/\n .about-char-side {\n position: relative;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n }\n .about-char-glow {\n position: absolute;\n bottom: -40px; left: 50%;\n transform: translateX(-50%);\n width: 300px; height: 300px;\n background: radial-gradient(circle, rgba(212,160,23,0.25) 0%, transparent 70%);\n border-radius: 50%;\n animation: glowPulse 3s ease-in-out infinite;\n }\n @keyframes glowPulse {\n 0%,100% { opacity: 0.6; transform: translateX(-50%) scale(1); }\n 50% { opacity: 1; transform: translateX(-50%) scale(1.15); }\n }\n .about-char {\n position: relative;\n z-index: 2;\n width: min(580px, 100%);\n animation: floatChar 5s ease-in-out infinite;\n filter: drop-shadow(0 20px 40px rgba(0,0,0,0.7)) drop-shadow(0 0 20px rgba(212,160,23,0.2));\n }\n @keyframes floatChar {\n 0%,100% { transform: translateY(0px) rotate(0.5deg); }\n 50% { transform: translateY(-14px) rotate(-0.5deg); }\n }\n\n \/* wanted poster decoration *\/\n .wanted-poster {\n position: absolute;\n top: 40px; right: -20px;\n width: 120px;\n background: var(--sand);\n border: 3px solid var(--brown);\n padding: 12px 10px;\n transform: rotate(5deg);\n box-shadow: 4px 4px 12px rgba(0,0,0,0.6);\n text-align: center;\n color: var(--dark);\n font-size: 0.7rem;\n letter-spacing: 0.1em;\n z-index: 3;\n transition: transform 0.3s;\n }\n .wanted-poster:hover { transform: rotate(0deg) scale(1.05); }\n .wanted-poster-title {\n font-size: 0.85rem;\n font-weight: 900;\n letter-spacing: 0.2em;\n border-bottom: 2px solid var(--brown);\n padding-bottom: 4px;\n margin-bottom: 8px;\n }\n .wanted-poster-sub {\n font-size: 1.1rem;\n font-weight: 900;\n color: var(--rust);\n }\n .wanted-poster-reward {\n margin-top: 6px;\n font-size: 0.6rem;\n color: var(--brown);\n }\n\n \/* ============================================================\n DIVIDER 2 \u2014 cactus & tumbleweed\n ============================================================ *\/\n .divider-cacti {\n position: relative;\n height: 70px;\n background: linear-gradient(to bottom, rgba(28,14,5,0) 0%, rgba(28,14,5,1) 100%);\n z-index: 10;\n overflow: visible;\n }\n .divider-rope-line {\n width: 100%;\n position: relative;\n z-index: 10;\n }\n .divider-rope-line svg {\n width: 100%;\n height: 40px;\n display: block;\n }\n\n \/* ============================================================\n \u2588\u2588 SECTION 3 \u2014 WHY TOYJAK\n ============================================================ *\/\n #why {\n min-height: 100vh;\n background-image: url('http:\/\/toyjak.site\/wp-content\/uploads\/2026\/07\/bg3.png');\n background-attachment: fixed;\n background-size: cover;\n background-position: center;\n position: relative;\n overflow: hidden;\n }\n #why::before {\n content: '';\n position: absolute; inset: 0;\n background: linear-gradient(160deg, rgba(10,5,0,0.28) 0%, rgba(28,14,5,0.45) 100%);\n z-index: 1;\n }\n\n .why-inner {\n position: relative; z-index: 2;\n max-width: 1200px;\n margin: 0 auto;\n padding: 100px 40px;\n text-align: center;\n }\n\n .why-heading {\n font-size: clamp(2.5rem, 6vw, 4.5rem);\n color: #fff;\n margin-bottom: 16px;\n text-shadow: 3px 3px 15px rgba(0,0,0,0.8);\n }\n .why-sub {\n font-size: 1.2rem;\n color: var(--cream);\n font-weight: 600;\n max-width: 500px;\n margin: 0 auto 70px;\n font-style: italic;\n }\n\n \/* hexagonal card grid *\/\n .why-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 28px;\n }\n\n .why-card {\n background: rgba(28,14,5,0.7);\n border: 1px solid rgba(212,160,23,0.2);\n border-radius: 8px;\n padding: 40px 28px;\n position: relative;\n overflow: hidden;\n cursor: default;\n transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;\n backdrop-filter: blur(6px);\n }\n .why-card::before {\n content: '';\n position: absolute; top: 0; left: 0; right: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--rust), var(--amber), var(--gold));\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.4s;\n }\n .why-card::after {\n content: '';\n position: absolute; inset: 0;\n background: radial-gradient(circle at 50% 0%, rgba(212,160,23,0.08) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.3s;\n }\n .why-card:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.6); border-color: rgba(212,160,23,0.5); }\n .why-card:hover::before { transform: scaleX(1); }\n .why-card:hover::after { opacity: 1; }\n\n \/* card number badge *\/\n .why-card-num {\n position: absolute;\n top: 16px; right: 16px;\n font-size: 3rem;\n font-weight: 900;\n color: rgba(212,160,23,0.08);\n line-height: 1;\n }\n\n .why-card-icon {\n font-size: 2.8rem;\n margin-bottom: 16px;\n display: block;\n filter: drop-shadow(0 0 8px rgba(212,160,23,0.5));\n }\n .why-card-title {\n font-size: 1.25rem;\n font-weight: 700;\n color: var(--gold);\n margin-bottom: 12px;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n }\n .why-card-body {\n font-size: 1.02rem;\n line-height: 1.8;\n font-weight: 600;\n color: var(--cream);\n }\n\n \/* center card \u2014 featured *\/\n .why-card.featured {\n border-color: rgba(212,160,23,0.4);\n background: rgba(28,14,5,0.85);\n }\n .why-card.featured::after {\n opacity: 1;\n background: radial-gradient(circle at 50% 0%, rgba(212,160,23,0.12) 0%, transparent 65%);\n }\n\n \/* ============================================================\n DIVIDER 3 \u2014 horseshoe & sheriff\n ============================================================ *\/\n .divider-badge {\n width: 100%;\n background: var(--dark);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 20px 0;\n position: relative;\n z-index: 10;\n }\n .divider-badge-inner {\n display: flex;\n align-items: center;\n gap: 24px;\n width: 100%;\n max-width: 900px;\n padding: 0 40px;\n }\n .divider-badge-line {\n flex: 1;\n height: 2px;\n background: linear-gradient(90deg, transparent, rgba(212,160,23,0.5), transparent);\n }\n .divider-badge-symbol {\n font-size: 2rem;\n color: var(--gold);\n text-shadow: 0 0 15px rgba(212,160,23,0.8);\n }\n\n \/* ============================================================\n \u2588\u2588 SECTION 4 \u2014 TOKENOMICS \/ ROADMAP\n ============================================================ *\/\n #tokenomics {\n min-height: 100vh;\n background-image: url('http:\/\/toyjak.site\/wp-content\/uploads\/2026\/07\/bg4.png');\n background-attachment: fixed;\n background-size: cover;\n background-position: center;\n position: relative;\n overflow: hidden;\n }\n #tokenomics::before {\n content: '';\n position: absolute; inset: 0;\n background: radial-gradient(ellipse at 70% 50%, rgba(10,5,0,0.18) 0%, rgba(10,5,0,0.45) 100%);\n z-index: 1;\n }\n\n .tokenomics-inner {\n position: relative; z-index: 2;\n max-width: 1200px;\n margin: 0 auto;\n padding: 100px 40px;\n }\n\n .tok-header { text-align: center; margin-bottom: 70px; }\n .tok-title {\n font-size: clamp(2.5rem, 6vw, 4.5rem);\n color: #fff;\n text-shadow: 3px 3px 15px rgba(0,0,0,0.8);\n margin-bottom: 12px;\n }\n .tok-sub {\n font-size: 1.15rem;\n color: var(--cream);\n font-weight: 600;\n font-style: italic;\n }\n\n \/* two-column layout *\/\n .tok-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: start;\n }\n\n \/* TOKEN INFO \u2014 styled as a wanted poster \/ sheriff notice *\/\n .tok-doc {\n background: var(--cream);\n color: var(--dark);\n padding: 40px 36px;\n position: relative;\n box-shadow: 8px 8px 30px rgba(0,0,0,0.7), inset 0 0 40px rgba(180,140,80,0.2);\n border: 3px solid var(--brown);\n }\n .tok-doc::before {\n content: '';\n position: absolute; inset: 6px;\n border: 1px solid rgba(122,79,30,0.3);\n pointer-events: none;\n }\n \/* aged paper texture *\/\n .tok-doc-texture {\n position: absolute; inset: 0;\n background:\n repeating-linear-gradient(\n 0deg,\n rgba(180,140,80,0.03) 0px,\n transparent 2px,\n transparent 20px\n );\n pointer-events: none;\n }\n .tok-doc-header {\n text-align: center;\n border-bottom: 2px solid var(--brown);\n padding-bottom: 16px;\n margin-bottom: 24px;\n }\n .tok-doc-title {\n font-size: 1.6rem;\n font-weight: 900;\n letter-spacing: 0.2em;\n color: var(--rust);\n text-transform: uppercase;\n }\n .tok-doc-sub {\n font-size: 0.75rem;\n letter-spacing: 0.25em;\n color: var(--brown);\n text-transform: uppercase;\n }\n .tok-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 0;\n border-bottom: 1px dashed rgba(122,79,30,0.3);\n gap: 12px;\n }\n .tok-row:last-child { border-bottom: none; }\n .tok-key {\n font-size: 0.78rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--brown);\n font-weight: 700;\n }\n .tok-val {\n font-size: 1rem;\n font-weight: 900;\n color: var(--dark);\n text-align: right;\n }\n .tok-val.highlight {\n color: var(--rust);\n font-size: 1.2rem;\n }\n\n \/* donut \"chart\" (pure CSS) *\/\n .tok-donut-wrap {\n margin: 24px auto 0;\n width: 160px;\n position: relative;\n }\n .tok-donut {\n width: 160px; height: 160px;\n border-radius: 50%;\n background: conic-gradient(\n #d4a017 0deg 180deg, \/* 50% dev\/community *\/\n #b84c1a 180deg 252deg, \/* 20% liquidity *\/\n #e8860a 252deg 324deg, \/* 20% marketing *\/\n #7a4f1e 324deg 360deg \/* 10% reserve *\/\n );\n box-shadow: 0 4px 20px rgba(0,0,0,0.4);\n position: relative;\n }\n .tok-donut::after {\n content: '';\n position: absolute;\n top: 30px; left: 30px;\n width: 100px; height: 100px;\n background: var(--cream);\n border-radius: 50%;\n }\n .tok-donut-center {\n position: absolute;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n z-index: 2;\n pointer-events: none;\n }\n .tok-donut-center-val { font-size: 1.4rem; font-weight: 900; color: var(--dark); }\n .tok-donut-center-lab { font-size: 0.6rem; color: var(--brown); letter-spacing: 0.1em; }\n .tok-legend {\n display: flex;\n flex-direction: column;\n gap: 6px;\n margin-top: 16px;\n }\n .tok-legend-item {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 0.75rem;\n color: var(--dark);\n }\n .tok-legend-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }\n\n \/* ROADMAP \u2014 fence posts with twine *\/\n .tok-roadmap { }\n .roadmap-title {\n font-size: 1.8rem;\n color: var(--gold);\n margin-bottom: 30px;\n text-shadow: 2px 2px 8px rgba(0,0,0,0.6);\n text-transform: uppercase;\n letter-spacing: 0.1em;\n }\n\n .fence-trail {\n position: relative;\n padding-left: 50px;\n }\n \/* vertical fence rail *\/\n .fence-trail::before {\n content: '';\n position: absolute;\n left: 18px; top: 10px; bottom: 10px;\n width: 4px;\n background: repeating-linear-gradient(\n to bottom,\n rgba(139,90,43,0.9) 0px,\n rgba(139,90,43,0.9) 12px,\n rgba(100,60,25,0.7) 12px,\n rgba(100,60,25,0.7) 18px\n );\n }\n\n .fence-post {\n position: relative;\n margin-bottom: 34px;\n }\n .fence-post:last-child { margin-bottom: 0; }\n\n \/* fence post knob *\/\n .fence-post::before {\n content: '';\n position: absolute;\n left: -38px; top: 6px;\n width: 18px; height: 18px;\n background: radial-gradient(circle, var(--gold) 0%, var(--brown) 70%);\n border-radius: 50%;\n border: 2px solid rgba(212,160,23,0.6);\n box-shadow: 0 0 8px rgba(212,160,23,0.4);\n z-index: 2;\n }\n\n \/* horizontal twine *\/\n .fence-post::after {\n content: '';\n position: absolute;\n left: -20px; top: 14px;\n width: 20px; height: 2px;\n background: rgba(139,90,43,0.8);\n }\n\n .fence-phase {\n font-size: 0.7rem;\n letter-spacing: 0.25em;\n color: var(--amber);\n text-transform: uppercase;\n margin-bottom: 4px;\n }\n .fence-title {\n font-size: 1.05rem;\n font-weight: 700;\n color: #fff;\n margin-bottom: 6px;\n }\n .fence-body {\n font-size: 1rem;\n color: var(--cream);\n font-weight: 600;\n line-height: 1.7;\n }\n .fence-status {\n display: inline-block;\n margin-top: 8px;\n font-size: 0.68rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n padding: 3px 10px;\n border-radius: 10px;\n }\n .fence-status.done { background: rgba(76,175,80,0.2); border: 1px solid rgba(76,175,80,0.5); color: #a5d6a7; }\n .fence-status.live { background: rgba(232,134,10,0.2); border: 1px solid rgba(232,134,10,0.5); color: var(--amber); }\n .fence-status.soon { background: rgba(122,79,30,0.2); border: 1px solid rgba(122,79,30,0.5); color: var(--sand); }\n\n \/* ============================================================\n DIVIDER 4 \u2014 barbed wire\n ============================================================ *\/\n .divider-barbed {\n width: 100%;\n background: var(--dark);\n padding: 12px 0;\n position: relative; z-index: 10;\n overflow: hidden;\n }\n .barbed-wire {\n width: 100%;\n height: 20px;\n background:\n repeating-linear-gradient(\n 90deg,\n rgba(139,90,43,0) 0px,\n rgba(139,90,43,0) 20px,\n rgba(139,90,43,0.8) 20px,\n rgba(139,90,43,0.8) 22px\n ),\n linear-gradient(to bottom, transparent 8px, rgba(139,90,43,0.7) 8px, rgba(139,90,43,0.7) 12px, transparent 12px);\n position: relative;\n }\n .barbed-wire::before {\n content: '\u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726 \u2726';\n position: absolute; left: 0; right: 0; top: 50%;\n transform: translateY(-50%);\n color: rgba(212,160,23,0.4);\n font-size: 0.5rem;\n letter-spacing: 40px;\n white-space: nowrap;\n }\n\n \/* ============================================================\n \u2588\u2588 SECTION 5 \u2014 COMMUNITY\n ============================================================ *\/\n #community {\n min-height: 100vh;\n background-image: url('http:\/\/toyjak.site\/wp-content\/uploads\/2026\/07\/bg5.png');\n background-attachment: fixed;\n background-size: cover;\n background-position: center bottom;\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n #community::before {\n content: '';\n position: absolute; inset: 0;\n background: radial-gradient(ellipse at center, rgba(10,5,0,0.15) 0%, rgba(10,5,0,0.48) 100%);\n z-index: 1;\n }\n\n .community-inner {\n position: relative; z-index: 2;\n max-width: 900px;\n margin: 0 auto;\n padding: 100px 40px;\n text-align: center;\n }\n\n .community-stars {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-bottom: 24px;\n }\n .community-star {\n color: var(--gold);\n font-size: 1.6rem;\n animation: starPop 2s ease-in-out infinite;\n text-shadow: 0 0 10px rgba(212,160,23,0.8);\n }\n .community-star:nth-child(2) { animation-delay: 0.3s; }\n .community-star:nth-child(3) { animation-delay: 0.6s; }\n .community-star:nth-child(4) { animation-delay: 0.9s; }\n .community-star:nth-child(5) { animation-delay: 1.2s; }\n @keyframes starPop {\n 0%,100% { transform: scale(1); }\n 50% { transform: scale(1.3) rotate(10deg); }\n }\n\n .community-title {\n font-size: clamp(2.8rem, 7vw, 5.5rem);\n color: #fff;\n line-height: 1;\n text-shadow: 3px 3px 20px rgba(0,0,0,0.8), 0 0 60px rgba(212,160,23,0.3);\n margin-bottom: 16px;\n }\n .community-subtitle {\n font-size: clamp(1rem, 2.5vw, 1.5rem);\n color: var(--amber);\n letter-spacing: 0.1em;\n text-transform: uppercase;\n margin-bottom: 20px;\n }\n .community-body {\n font-size: 1.2rem;\n line-height: 1.8;\n color: var(--cream);\n font-weight: 600;\n max-width: 560px;\n margin: 0 auto 50px;\n font-style: italic;\n }\n\n \/* social buttons *\/\n .social-grid {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 20px;\n margin-bottom: 50px;\n }\n\n .social-btn {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n padding: 22px 28px;\n background: #ffffff;\n border: 2px solid rgba(212,160,23,0.4);\n border-radius: 10px;\n text-decoration: none;\n color: var(--dark);\n transition: all 0.3s;\n min-width: 120px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 16px rgba(0,0,0,0.25);\n }\n .social-btn::before {\n content: '';\n position: absolute; inset: 0;\n background: radial-gradient(circle at 50% 100%, rgba(212,160,23,0.18) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.3s;\n }\n .social-btn:hover {\n transform: translateY(-6px);\n border-color: var(--gold);\n box-shadow: 0 14px 32px rgba(0,0,0,0.35), 0 0 22px rgba(212,160,23,0.25);\n background: #fffbf0;\n }\n .social-btn:hover::before { opacity: 1; }\n .social-btn img {\n width: 40px; height: 40px;\n object-fit: contain;\n filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));\n transition: transform 0.3s;\n }\n .social-btn:hover img { transform: scale(1.15) rotate(-5deg); }\n .social-btn span {\n font-size: 0.75rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n font-weight: 700;\n color: var(--brown);\n }\n\n \/* final CTA *\/\n .community-cta {\n display: flex;\n gap: 16px;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: 60px;\n }\n\n \/* closing stamp *\/\n .closing-stamp {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n padding: 20px 40px;\n border: 3px solid rgba(212,160,23,0.3);\n border-radius: 8px;\n background: rgba(28,14,5,0.5);\n backdrop-filter: blur(4px);\n }\n .stamp-top {\n font-size: 0.65rem;\n letter-spacing: 0.4em;\n color: var(--gold);\n text-transform: uppercase;\n }\n .stamp-main {\n font-size: 1.8rem;\n font-weight: 900;\n color: #fff;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n text-shadow: 0 0 20px rgba(212,160,23,0.5);\n }\n .stamp-bot {\n font-size: 0.65rem;\n letter-spacing: 0.25em;\n color: var(--tan);\n text-transform: uppercase;\n }\n\n \/* ============================================================\n FOOTER\n ============================================================ *\/\n footer {\n background: #0e0702;\n padding: 30px 40px;\n text-align: center;\n border-top: 1px solid rgba(212,160,23,0.15);\n color: rgba(245,230,200,0.35);\n font-size: 0.78rem;\n letter-spacing: 0.1em;\n }\n footer span { color: rgba(212,160,23,0.5); }\n\n \/* ============================================================\n CURSOR SPARKLE\n ============================================================ *\/\n .sparkle {\n position: fixed;\n pointer-events: none;\n z-index: 9999;\n border-radius: 50%;\n animation: sparkleOut 0.6s ease-out forwards;\n }\n @keyframes sparkleOut {\n 0% { opacity: 1; transform: scale(1); }\n 100% { opacity: 0; transform: scale(0) translateY(-20px); }\n }\n\n \/* ============================================================\n RESPONSIVE\n ============================================================ *\/\n @media (max-width: 900px) {\n .about-inner { grid-template-columns: 1fr; padding: 80px 28px; gap: 40px; }\n .about-char-side { order: -1; }\n .wanted-poster { display: none; }\n .why-grid { grid-template-columns: 1fr; }\n .tok-layout { grid-template-columns: 1fr; gap: 40px; }\n .hero-mascot-wrap { width: min(360px, 80vw); }\n }\n @media (max-width: 600px) {\n .hero-content { padding-top: 100px; }\n .why-inner, .tokenomics-inner, .community-inner { padding: 70px 20px; }\n .tok-doc { padding: 28px 20px; }\n .social-grid { gap: 12px; }\n .social-btn { min-width: 90px; padding: 16px 18px; }\n .contract-box { max-width: 90vw; }\n .contract-addr { font-size: 0.55rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n<!-- ============================================================\n \u2588\u2588 SECTION 1 \u2014 HERO\n============================================================ -->\n<section id=\"hero\" class=\"section-bg\">\n\n <canvas id=\"hero-particles\"><\/canvas>\n\n <!-- giant background logo -->\n <img decoding=\"async\" class=\"hero-logo-bg\" src=\"http:\/\/toyjak.site\/wp-content\/uploads\/2026\/07\/logo.png\" alt=\"TOYJAK Logo Background\" loading=\"eager\" \/>\n\n <div class=\"hero-content\">\n <!--<div class=\"hero-eyebrow reveal\">The Calm Cowboy of Crypto<\/div>-->\n <!--<h1 class=\"hero-title reveal\" style=\"transition-delay:0.1s\">TOYJAK<\/h1>-->\n <!--<div class=\"hero-ticker reveal\" style=\"transition-delay:0.2s\">$TOYJAK<\/div>-->\n <!--<p class=\"hero-tagline reveal\" style=\"transition-delay:0.3s\">-->\n <!-- Classic toys. Iconic faces. Pure degen energy.<br>Stay calm, stay funny, ride the market.-->\n <!--<\/p>-->\n <div class=\"hero-ctas reveal\" style=\"transition-delay:0.4s\">\n <a href=\"#community\" class=\"btn-primary\">\ud83e\udd20 Buy $TOYJAK<\/a>\n <a href=\"#about\" class=\"btn-outline\">Learn More<\/a>\n <\/div>\n <div class=\"contract-box reveal\" style=\"transition-delay:0.5s\">\n <div class=\"contract-label\">Contract<\/div>\n <div class=\"contract-addr\" id=\"caText\">null<\/div>\n <button class=\"contract-copy\" id=\"copyBtn\" onclick=\"copyCA()\">Copy<\/button>\n <\/div>\n <\/div>\n\n <!-- scroll hint -->\n <div class=\"scroll-hint\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 5v14M5 12l7 7 7-7\"\/>\n <\/svg>\n <span>Scroll<\/span>\n <\/div>\n\n <!-- mascot -->\n <div class=\"hero-mascot-wrap\">\n <img decoding=\"async\" src=\"http:\/\/toyjak.site\/wp-content\/uploads\/2026\/07\/featured1.png\" alt=\"TOYJAK Hero Mascot\" loading=\"eager\" \/>\n <\/div>\n\n<\/section>\n\n<!-- DIVIDER 1 \u2014 Wood Plank -->\n<div style=\"background:var(--dark); position:relative; z-index:10;\">\n <div class=\"divider-plank\">\n <div class=\"plank-rope\"><\/div>\n <span class=\"plank-star\">\u2605<\/span>\n <span class=\"plank-text\">TOYJAK \u2014 The Sheriff of the Blockchain<\/span>\n <span class=\"plank-star\">\u2605<\/span>\n <span class=\"plank-text\" style=\"font-size:0.85rem; color:var(--amber);\">$TOYJAK<\/span>\n <span class=\"plank-star\">\u2605<\/span>\n <\/div>\n<\/div>\n\n<!-- ============================================================\n \u2588\u2588 SECTION 2 \u2014 ABOUT\n============================================================ -->\n<section id=\"about\" class=\"section-bg\">\n\n <div class=\"about-inner\">\n\n <!-- text -->\n <div class=\"about-text-side\">\n <div class=\"section-badge reveal\">About The Project<\/div>\n\n <h2 class=\"about-heading reveal\" style=\"transition-delay:0.1s\">\n Calm Faces.<br><em>Wild Rides.<\/em><br>Real Community.\n <\/h2>\n\n <p class=\"about-body reveal\" style=\"transition-delay:0.2s\">\n TOYJAK was born in the dusty crossroads of nostalgia and degen culture.\n We took your favorite childhood toy characters, gave them the iconic Wojak face,\n and dropped them into the wildest financial frontier ever known \u2014 crypto.\n <\/p>\n <p class=\"about-body reveal\" style=\"transition-delay:0.3s\">\n No matter how red the chart turns, the TOYJAK cowboy tips his hat and says\n <em>\"This is fine.\"<\/em> We don't panic. We hold. We meme. We ride into the sunset together.\n <\/p>\n\n <div class=\"badge-row reveal\" style=\"transition-delay:0.4s\">\n <span class=\"badge-pill\">\ud83e\udd20 Meme Culture<\/span>\n <span class=\"badge-pill\">\ud83e\uddf8 Nostalgic Vibes<\/span>\n <span class=\"badge-pill\">\ud83d\udc8e Diamond Hands<\/span>\n <span class=\"badge-pill\">\ud83c\udf35 Wild West Energy<\/span>\n <span class=\"badge-pill\">\ud83c\udfaf Community First<\/span>\n <\/div>\n <\/div>\n\n <!-- character -->\n <div class=\"about-char-side reveal-right\">\n <!-- wanted poster decoration -->\n <div class=\"wanted-poster\">\n <div class=\"wanted-poster-title\">WANTED<\/div>\n <div class=\"wanted-poster-sub\">$TOYJAK<\/div>\n <div style=\"margin: 8px 0; font-size:0.65rem; color:var(--brown);\">FOR EXTREME<\/div>\n <div style=\"font-weight:900; font-size:0.85rem; color:var(--rust);\">CALM<br>DURING<br>MARKET CHAOS<\/div>\n <div class=\"wanted-poster-reward\">Reward: 100x Gains<\/div>\n <\/div>\n\n <div class=\"about-char-glow\"><\/div>\n <img decoding=\"async\" class=\"about-char\" src=\"http:\/\/toyjak.site\/wp-content\/uploads\/2026\/07\/featured2.png\" alt=\"TOYJAK Character\" \/>\n <\/div>\n\n <\/div>\n<\/section>\n\n<!-- DIVIDER 2 \u2014 Rope SVG -->\n<div class=\"divider-rope-line\" style=\"background:var(--dark); z-index:10; position:relative;\">\n <svg viewBox=\"0 0 1440 40\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs>\n <pattern id=\"ropePattern\" patternUnits=\"userSpaceOnUse\" width=\"30\" height=\"40\">\n <path d=\"M0,20 Q7.5,10 15,20 Q22.5,30 30,20\" stroke=\"rgba(139,90,43,0.8)\" stroke-width=\"4\" fill=\"none\"\/>\n <path d=\"M0,20 Q7.5,30 15,20 Q22.5,10 30,20\" stroke=\"rgba(100,60,25,0.6)\" stroke-width=\"2\" fill=\"none\"\/>\n <circle cx=\"0\" cy=\"20\" r=\"3\" fill=\"rgba(212,160,23,0.5)\"\/>\n <circle cx=\"15\" cy=\"20\" r=\"2\" fill=\"rgba(139,90,43,0.6)\"\/>\n <circle cx=\"30\" cy=\"20\" r=\"3\" fill=\"rgba(212,160,23,0.5)\"\/>\n <\/pattern>\n <\/defs>\n <rect width=\"1440\" height=\"40\" fill=\"url(#ropePattern)\"\/>\n <\/svg>\n<\/div>\n\n<!-- ============================================================\n \u2588\u2588 SECTION 3 \u2014 WHY TOYJAK\n============================================================ -->\n<section id=\"why\" class=\"section-bg\">\n\n <div class=\"why-inner\">\n <div class=\"section-badge reveal\" style=\"display:inline-flex; margin:0 auto 20px;\">Why Choose Us<\/div>\n <h2 class=\"why-heading reveal serif-title\" style=\"transition-delay:0.1s\">Why $TOYJAK?<\/h2>\n <p class=\"why-sub reveal\" style=\"transition-delay:0.2s\">\n Six reasons the frontier belongs to the calmest cowboys in the room\n <\/p>\n\n <div class=\"why-grid\">\n\n <div class=\"why-card reveal\" style=\"transition-delay:0.1s\">\n <div class=\"why-card-num\">01<\/div>\n <span class=\"why-card-icon\">\ud83e\uddf8<\/span>\n <div class=\"why-card-title\">Pure Nostalgia Fuel<\/div>\n <p class=\"why-card-body\">We blend the warmth of your favorite childhood toys with the raw energy of internet meme culture. TOYJAK hits different \u2014 part plaything, part battle-hardened degen.<\/p>\n <\/div>\n\n <div class=\"why-card featured reveal\" style=\"transition-delay:0.2s\">\n <div class=\"why-card-num\">02<\/div>\n <span class=\"why-card-icon\">\ud83e\udd20<\/span>\n <div class=\"why-card-title\">The Wojak Difference<\/div>\n <p class=\"why-card-body\">Every character wears the iconic Wojak face \u2014 the universal emotion of staying calm when everything is on fire. We are the people. We feel the market. We hold anyway.<\/p>\n <\/div>\n\n <div class=\"why-card reveal\" style=\"transition-delay:0.3s\">\n <div class=\"why-card-num\">03<\/div>\n <span class=\"why-card-icon\">\ud83c\udf10<\/span>\n <div class=\"why-card-title\">Community-Driven<\/div>\n <p class=\"why-card-body\">No VCs. No insiders. Just a rowdy posse of toy-loving degens who believe in the culture more than the chart. The community IS the product.<\/p>\n <\/div>\n\n <div class=\"why-card reveal\" style=\"transition-delay:0.35s\">\n <div class=\"why-card-num\">04<\/div>\n <span class=\"why-card-icon\">\ud83d\udd25<\/span>\n <div class=\"why-card-title\">Meme-Grade Marketing<\/div>\n <p class=\"why-card-body\">Our memes spread faster than tumbleweeds in a Texas dust storm. Every chart dip becomes content. Every moon becomes a legend passed around saloons.<\/p>\n <\/div>\n\n <div class=\"why-card reveal\" style=\"transition-delay:0.4s\">\n <div class=\"why-card-num\">05<\/div>\n <span class=\"why-card-icon\">\ud83c\udfaf<\/span>\n <div class=\"why-card-title\">Fair & Transparent<\/div>\n <p class=\"why-card-body\">Renounced contract, locked liquidity, and zero developer BS. What you see is what you get \u2014 a fair launch meme coin with actual personality and real holders.<\/p>\n <\/div>\n\n <div class=\"why-card reveal\" style=\"transition-delay:0.45s\">\n <div class=\"why-card-num\">06<\/div>\n <span class=\"why-card-icon\">\ud83d\ude80<\/span>\n <div class=\"why-card-title\">Built for the Long Trail<\/div>\n <p class=\"why-card-body\">NFTs, collabs, toys, and merch drops on the horizon. TOYJAK isn't just a coin \u2014 it's a brand growing into the frontier. The ride is long and we saved you a seat.<\/p>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<!-- DIVIDER 3 \u2014 Sheriff Badge -->\n<div class=\"divider-badge\">\n <div class=\"divider-badge-inner\">\n <div class=\"divider-badge-line\"><\/div>\n <div class=\"divider-badge-symbol\">\u2b50<\/div>\n <div style=\"color:var(--gold); font-size:0.75rem; letter-spacing:0.35em; text-transform:uppercase;\">\n SHERIFF OF THE BLOCKCHAIN\n <\/div>\n <div class=\"divider-badge-symbol\">\u2b50<\/div>\n <div class=\"divider-badge-line\"><\/div>\n <\/div>\n<\/div>\n\n<!-- ============================================================\n \u2588\u2588 SECTION 4 \u2014 TOKENOMICS \/ ROADMAP\n============================================================ -->\n<section id=\"tokenomics\" class=\"section-bg\">\n\n <div class=\"tokenomics-inner\">\n <div class=\"tok-header\">\n <div class=\"section-badge reveal\" style=\"display:inline-flex; margin:0 auto 20px;\">The Details<\/div>\n <h2 class=\"tok-title reveal serif-title\" style=\"transition-delay:0.1s\">Tokenomics & The Trail Ahead<\/h2>\n <p class=\"tok-sub reveal\" style=\"transition-delay:0.2s\">Every sheriff knows the rules before riding into town<\/p>\n <\/div>\n\n <div class=\"tok-layout\">\n\n <!-- Token doc -->\n <div class=\"tok-doc reveal-left\">\n <div class=\"tok-doc-texture\"><\/div>\n <div class=\"tok-doc-header\">\n <div class=\"tok-doc-sub\">Official Notice \u2014 Blockchain Territory<\/div>\n <div class=\"tok-doc-title\">Token Decree<\/div>\n <\/div>\n\n <div class=\"tok-row\">\n <span class=\"tok-key\">Name<\/span>\n <span class=\"tok-val\">TOYJAK<\/span>\n <\/div>\n <div class=\"tok-row\">\n <span class=\"tok-key\">Ticker<\/span>\n <span class=\"tok-val highlight\">$TOYJAK<\/span>\n <\/div>\n <div class=\"tok-row\">\n <span class=\"tok-key\">Total Supply<\/span>\n <span class=\"tok-val\">1,000,000,000<\/span>\n <\/div>\n <div class=\"tok-row\">\n <span class=\"tok-key\">Liquidity<\/span>\n <span class=\"tok-val\">Locked & Burned \ud83d\udd25<\/span>\n <\/div>\n <div class=\"tok-row\">\n <span class=\"tok-key\">Contract<\/span>\n <span class=\"tok-val\" style=\"font-size:0.75rem; font-family:monospace;\">Renounced \u2713<\/span>\n <\/div>\n <div class=\"tok-row\">\n <span class=\"tok-key\">Buy \/ Sell Tax<\/span>\n <span class=\"tok-val highlight\">0% \/ 0%<\/span>\n <\/div>\n <div class=\"tok-row\">\n <span class=\"tok-key\">Network<\/span>\n <span class=\"tok-val\">Solana<\/span>\n <\/div>\n\n <!-- donut -->\n <div class=\"tok-donut-wrap\">\n <div class=\"tok-donut\">\n <div class=\"tok-donut-center\">\n <div class=\"tok-donut-center-val\">1B<\/div>\n <div class=\"tok-donut-center-lab\">SUPPLY<\/div>\n <\/div>\n <\/div>\n <div class=\"tok-legend\">\n <div class=\"tok-legend-item\"><span class=\"tok-legend-dot\" style=\"background:#d4a017\"><\/span> 50% Community & Dev<\/div>\n <div class=\"tok-legend-item\"><span class=\"tok-legend-dot\" style=\"background:#b84c1a\"><\/span> 20% Liquidity<\/div>\n <div class=\"tok-legend-item\"><span class=\"tok-legend-dot\" style=\"background:#e8860a\"><\/span> 20% Marketing<\/div>\n <div class=\"tok-legend-item\"><span class=\"tok-legend-dot\" style=\"background:#7a4f1e\"><\/span> 10% Reserve<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <!-- Roadmap -->\n <div class=\"tok-roadmap reveal-right\">\n <h3 class=\"roadmap-title\">\ud83d\uddfa\ufe0f The Trail Map<\/h3>\n\n <div class=\"fence-trail\">\n\n <div class=\"fence-post\">\n <div class=\"fence-phase\">Phase 1 \u2014 The Launch Saloon<\/div>\n <div class=\"fence-title\">Token Launch & Community Build<\/div>\n <div class=\"fence-body\">Fair launch on Soloon DEX. First 100 sheriffs get roles. Website & socials go live. Meme campaign kicks off.<\/div>\n <span class=\"fence-status done\">\u2713 Complete<\/span>\n <\/div>\n\n <div class=\"fence-post\">\n <div class=\"fence-phase\">Phase 2 \u2014 The Wanted Poster<\/div>\n <div class=\"fence-title\">Exchange Listings & First Holders Wave<\/div>\n <div class=\"fence-body\">CEX applications submitted. Influencer raids. Community vote on first character NFT drop. 1,000 holders milestone.<\/div>\n <span class=\"fence-status live\">\u26a1 Live Now<\/span>\n <\/div>\n\n <div class=\"fence-post\">\n <div class=\"fence-phase\">Phase 3 \u2014 The Gold Rush<\/div>\n <div class=\"fence-title\">NFT Collection & Brand Expansion<\/div>\n <div class=\"fence-body\">Official TOYJAK NFT collection launch. Toy figurine merch collabs. Tier 1 CEX listing. 10,000 holders celebration event.<\/div>\n <span class=\"fence-status soon\">\ud83c\udf35 Coming Soon<\/span>\n <\/div>\n\n <div class=\"fence-post\">\n <div class=\"fence-phase\">Phase 4 \u2014 The Sunset Ride<\/div>\n <div class=\"fence-title\">Ecosystem & Cultural Domination<\/div>\n <div class=\"fence-body\">TOYJAK universe expansion. Physical collectibles in stores. Major brand partnership. The legend lives forever on-chain.<\/div>\n <span class=\"fence-status soon\">\ud83c\udf05 On the Horizon<\/span>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<!-- DIVIDER 4 \u2014 Barbed Wire -->\n<div class=\"divider-barbed\">\n <div class=\"barbed-wire\"><\/div>\n<\/div>\n\n<!-- ============================================================\n \u2588\u2588 SECTION 5 \u2014 COMMUNITY\n============================================================ -->\n<section id=\"community\" class=\"section-bg\">\n\n <div class=\"community-inner\">\n\n <div class=\"community-stars reveal\">\n <span class=\"community-star\">\u2b50<\/span>\n <span class=\"community-star\">\ud83c\udf1f<\/span>\n <span class=\"community-star\">\u2b50<\/span>\n <span class=\"community-star\">\ud83c\udf1f<\/span>\n <span class=\"community-star\">\u2b50<\/span>\n <\/div>\n\n <h2 class=\"community-title reveal serif-title\" style=\"transition-delay:0.1s\">\n Saddle Up,<br>Partner.\n <\/h2>\n <div class=\"community-subtitle reveal\" style=\"transition-delay:0.2s\">Join the TOYJAK Posse<\/div>\n <p class=\"community-body reveal\" style=\"transition-delay:0.3s\">\n The trail is wide open and the sunset's looking mighty fine.\n Whether you're a seasoned crypto cowboy or just mounting up for the first time \u2014\n there's a campfire spot waiting for you. Come for the memes, stay for the ride.\n <\/p>\n\n <!-- social buttons -->\n <div class=\"social-grid reveal\" style=\"transition-delay:0.35s\">\n <a href=\"#\" class=\"social-btn\" aria-label=\"Twitter \/ X\">\n <img decoding=\"async\" src=\"http:\/\/toyjak.site\/wp-content\/uploads\/2026\/07\/icon1.png\" alt=\"Twitter\" \/>\n <span>Twitter<\/span>\n <\/a>\n <a href=\"#\" class=\"social-btn\" aria-label=\"Telegram\">\n <img decoding=\"async\" src=\"http:\/\/toyjak.site\/wp-content\/uploads\/2026\/07\/icon2.png\" alt=\"Telegram\" \/>\n <span>Telegram<\/span>\n <\/a>\n <a href=\"#\" class=\"social-btn\" aria-label=\"Discord\">\n <img decoding=\"async\" src=\"http:\/\/toyjak.site\/wp-content\/uploads\/2026\/07\/icon3.png\" alt=\"Discord\" \/>\n <span>Discord<\/span>\n <\/a>\n <a href=\"#\" class=\"social-btn\" aria-label=\"DexScreener\">\n <img decoding=\"async\" src=\"http:\/\/toyjak.site\/wp-content\/uploads\/2026\/07\/icon4.png\" alt=\"Chart\" \/>\n <span>Chart<\/span>\n <\/a>\n <\/div>\n\n <div class=\"community-cta reveal\" style=\"transition-delay:0.4s\">\n <a href=\"#\" class=\"btn-primary\">\ud83e\udd20 Buy $TOYJAK Now<\/a>\n <a href=\"#\" class=\"btn-outline\">\ud83d\udcca View Chart<\/a>\n <\/div>\n\n <div class=\"closing-stamp reveal\" style=\"transition-delay:0.5s\">\n <div class=\"stamp-top\">Certified by the<\/div>\n <div class=\"stamp-main\">\ud83e\udd20 TOYJAK SHERIFF \ud83e\udd20<\/div>\n <div class=\"stamp-bot\">Blockchain Territory \u2014 Est. 2025<\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<!-- ============================================================\n FOOTER\n============================================================ -->\n<footer>\n <p>\u00a9 2025 <span>TOYJAK<\/span> \u2014 <span>$TOYJAK<\/span> is a meme coin with no intrinsic value or expectation of financial return. Always DYOR. \ud83e\udd20<\/p>\n<\/footer>\n\n<!-- ============================================================\n JAVASCRIPT\n============================================================ -->\n<script>\n\/* ---- Scroll Reveal ---- *\/\nconst revealEls = document.querySelectorAll('.reveal, .reveal-left, .reveal-right');\nconst io = new IntersectionObserver((entries) => {\n entries.forEach(e => {\n if (e.isIntersecting) {\n e.target.classList.add('visible');\n }\n });\n}, { threshold: 0.12 });\nrevealEls.forEach(el => io.observe(el));\n\n\/* ---- Copy CA ---- *\/\nfunction copyCA() {\n const text = '0xT0YJ4K...C0WB0YD3G3N';\n navigator.clipboard.writeText(text).then(() => {\n const btn = document.getElementById('copyBtn');\n btn.textContent = 'Copied!';\n btn.classList.add('copied');\n setTimeout(() => { btn.textContent = 'Copy'; btn.classList.remove('copied'); }, 2000);\n }).catch(() => {\n const btn = document.getElementById('copyBtn');\n btn.textContent = 'Copied!';\n btn.classList.add('copied');\n setTimeout(() => { btn.textContent = 'Copy'; btn.classList.remove('copied'); }, 2000);\n });\n}\n\n\/* ---- Dust Particle Canvas ---- *\/\n(function() {\n const canvas = document.getElementById('hero-particles');\n const ctx = canvas.getContext('2d');\n let W, H, particles = [];\n\n function resize() {\n W = canvas.width = window.innerWidth;\n H = canvas.height = window.innerHeight;\n }\n resize();\n window.addEventListener('resize', resize);\n\n function rand(a, b) { return a + Math.random() * (b - a); }\n\n class Dust {\n constructor() { this.reset(); }\n reset() {\n this.x = rand(0, W);\n this.y = rand(H * 0.6, H);\n this.r = rand(1, 3.5);\n this.vy = -rand(0.3, 1.2);\n this.vx = rand(-0.4, 0.4);\n this.alpha = 0;\n this.maxAlpha = rand(0.15, 0.5);\n this.age = 0;\n this.life = rand(180, 400);\n }\n update() {\n this.x += this.vx;\n this.y += this.vy;\n this.age++;\n const t = this.age \/ this.life;\n this.alpha = t < 0.15 ? (t \/ 0.15) * this.maxAlpha\n : t > 0.75 ? ((1 - t) \/ 0.25) * this.maxAlpha\n : this.maxAlpha;\n if (this.age >= this.life) this.reset();\n }\n draw() {\n ctx.globalAlpha = this.alpha;\n ctx.beginPath();\n ctx.arc(this.x, this.y, this.r, 0, Math.PI * 2);\n ctx.fillStyle = '#f5e6c8';\n ctx.fill();\n }\n }\n\n for (let i = 0; i < 60; i++) particles.push(new Dust());\n\n function loop() {\n ctx.clearRect(0, 0, W, H);\n particles.forEach(p => { p.update(); p.draw(); });\n ctx.globalAlpha = 1;\n requestAnimationFrame(loop);\n }\n loop();\n})();\n\n\/* ---- Cursor Sparkle ---- *\/\ndocument.addEventListener('mousemove', (e) => {\n if (Math.random() > 0.85) {\n const s = document.createElement('div');\n s.className = 'sparkle';\n const size = Math.random() * 6 + 3;\n const colors = ['#d4a017', '#e8860a', '#b84c1a', '#f5e6c8'];\n s.style.cssText = `\n width:${size}px; height:${size}px;\n left:${e.clientX - size\/2}px; top:${e.clientY - size\/2}px;\n background:${colors[Math.floor(Math.random()*colors.length)]};\n `;\n document.body.appendChild(s);\n setTimeout(() => s.remove(), 600);\n }\n});\n\n\/* ---- Plank star continuous rotation already via CSS ---- *\/\n\n\/* ---- Parallax tilt on hero text (subtle) ---- *\/\ndocument.addEventListener('mousemove', (e) => {\n const cx = window.innerWidth \/ 2, cy = window.innerHeight \/ 2;\n const dx = (e.clientX - cx) \/ cx;\n const dy = (e.clientY - cy) \/ cy;\n const title = document.querySelector('.hero-title');\n if (title) {\n title.style.transform = `perspective(600px) rotateY(${dx * 3}deg) rotateX(${-dy * 2}deg)`;\n }\n});\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TOYJAK \u2014 The Calm Cowboy of Crypto \ud83e\udd20 Buy $TOYJAK Learn More Contract null Copy Scroll \u2605 TOYJAK \u2014 The Sheriff of the Blockchain \u2605 $TOYJAK \u2605 About The Project Calm Faces.Wild Rides.Real Community. TOYJAK was born in the dusty crossroads of nostalgia and degen culture. We took your favorite childhood toy characters, gave them […]<\/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:\/\/toyjak.site\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toyjak.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/toyjak.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/toyjak.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/toyjak.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":52,"href":"https:\/\/toyjak.site\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":76,"href":"https:\/\/toyjak.site\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/76"}],"wp:attachment":[{"href":"https:\/\/toyjak.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}