{"id":8,"date":"2026-07-20T12:50:43","date_gmt":"2026-07-20T12:50:43","guid":{"rendered":"https:\/\/pickley.online\/?page_id=8"},"modified":"2026-07-20T14:26:46","modified_gmt":"2026-07-20T14:26:46","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/pickley.online\/","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 PICKLEY \u2014 Stay Green. Stay Smug. Stay PICKLEY.<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bangers&family=Nunito:wght@700;800;900&display=swap\" rel=\"stylesheet\" \/>\n <style>\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n :root {\n --g: #39FF14;\n --gd: #26d400;\n --glow: rgba(57,255,20,0.5);\n --ink: #060a08;\n --fh: 'Bangers', cursive;\n --fb: 'Nunito', sans-serif;\n }\n\n html { scroll-behavior: smooth; }\n body { background: #060a08; color: #fff; font-family: var(--fb); overflow-x: hidden; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n NAV\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 900;\n display: flex; align-items: center; justify-content: space-between;\n padding: 0 3rem; height: 68px;\n background: rgba(3,5,3,0.95); backdrop-filter: blur(16px);\n border-bottom: 1px solid rgba(57,255,20,0.12);\n }\n .nav-logo { font-family: var(--fh); font-size: 2.1rem; letter-spacing: 4px; color: var(--g); text-shadow: 0 0 16px var(--glow); text-decoration: none; }\n .nav-links { display: flex; gap: 2.5rem; list-style: none; }\n .nav-links a { font-weight: 900; font-size: 0.82rem; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,0.82); text-decoration: none; transition: color .2s; }\n .nav-links a:hover, .nav-links a.active { color: var(--g); }\n .nav-links a.active { border-bottom: 2px solid var(--g); padding-bottom: 2px; }\n .nav-cta { font-weight: 900; font-size: 0.85rem; letter-spacing: 2px; text-transform: uppercase; color: var(--ink); background: var(--g); border: none; border-radius: 8px; padding: .55rem 1.6rem; cursor: pointer; text-decoration: none; box-shadow: 0 0 14px var(--glow); transition: box-shadow .2s, transform .15s; }\n .nav-cta:hover { box-shadow: 0 0 28px var(--glow); transform: translateY(-2px); }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n RUNNING TEXT DIVIDER\n Used between every section\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .marquee-divider {\n width: 100%; overflow: hidden;\n background: var(--ink);\n border-top: 2.5px dashed rgba(255,255,255,0.18);\n border-bottom: 2.5px dashed rgba(255,255,255,0.18);\n padding: .9rem 0;\n }\n .marquee-track {\n display: flex; align-items: center;\n white-space: nowrap;\n animation: scrollLeft 20s linear infinite;\n width: max-content;\n }\n .marquee-divider.reverse .marquee-track { animation-direction: reverse; }\n\n .marquee-track .mw { font-family: var(--fh); font-size: 1.75rem; letter-spacing: 3px; color: #fff; padding: 0 1.2rem; display: inline-block; }\n .marquee-track .mg { font-family: var(--fh); font-size: 1.75rem; letter-spacing: 3px; color: var(--g); padding: 0 1.2rem; display: inline-block; }\n\n \/* random rotations on each item using nth-child pattern *\/\n .marquee-track .mw:nth-child(4n+1) { transform: rotate(-2.5deg); }\n .marquee-track .mw:nth-child(4n+2) { transform: rotate(1.8deg); }\n .marquee-track .mw:nth-child(4n+3) { transform: rotate(-1.2deg); }\n .marquee-track .mw:nth-child(4n+4) { transform: rotate(3deg); }\n .marquee-track .mg:nth-child(4n+1) { transform: rotate(2deg); }\n .marquee-track .mg:nth-child(4n+2) { transform: rotate(-3deg); }\n .marquee-track .mg:nth-child(4n+3) { transform: rotate(1.5deg); }\n .marquee-track .mg:nth-child(4n+4) { transform: rotate(-2deg); }\n\n @keyframes scrollLeft {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n WHITE BODY TEXT WRAPPER\n Creative sticker-style \u2014 each paragraph individually\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .txt-block {\n background: #fff;\n color: var(--ink);\n padding: 1.6rem 2rem;\n border-radius: 6px;\n font-size: clamp(1rem, 1.3vw, 1.15rem);\n font-weight: 800;\n line-height: 1.8;\n box-shadow: 4px 4px 0 rgba(0,0,0,0.35);\n position: relative;\n display: block;\n }\n \/* slight random tilt per block \u2014 toggled with modifier classes *\/\n .txt-block.tilt-l { transform: rotate(-1.2deg); }\n .txt-block.tilt-r { transform: rotate(0.9deg); }\n .txt-block.tilt-ll { transform: rotate(-2deg); }\n .txt-block.tilt-rr { transform: rotate(1.6deg); }\n .txt-block.tilt-0 { transform: rotate(-0.4deg); }\n\n \/* green accent left stripe *\/\n .txt-block::before {\n content: '';\n position: absolute; left: 0; top: 0; bottom: 0; width: 5px;\n background: var(--g);\n border-radius: 6px 0 0 6px;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \u00a71 HERO\n No title \u2014 just CA + social icons pinned bottom-left\n Social icons have white bg\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n #hero {\n position: relative;\n min-height: 100vh;\n background: url('http:\/\/pickley.online\/wp-content\/uploads\/2026\/07\/bg1.png') center\/cover no-repeat scroll;\n display: flex; align-items: flex-end;\n }\n\n .hero-bottom {\n position: relative; z-index: 2;\n padding: 0 5vw 5rem;\n display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap;\n opacity: 0; animation: fadeUp .65s .4s forwards;\n }\n\n .btn-ca {\n display: inline-flex; align-items: center; gap: .65rem;\n font-family: var(--fb); font-weight: 900; font-size: 1.25rem;\n letter-spacing: 2px; text-transform: uppercase;\n color: var(--ink); background: var(--g); border: none; border-radius: 60px;\n padding: 1.05rem 2.8rem; cursor: pointer;\n box-shadow: 0 0 28px var(--glow), 0 6px 22px rgba(0,0,0,0.5);\n transition: transform .18s, box-shadow .18s, background .15s;\n }\n .btn-ca:hover { transform: translateY(-4px) scale(1.04); box-shadow: 0 0 50px var(--glow); background: var(--gd); }\n .btn-ca .lbl-done { display: none; }\n .btn-ca.copied .lbl-default { display: none; }\n .btn-ca.copied .lbl-done { display: inline; }\n\n .hero-socials { display: flex; gap: .9rem; }\n .hero-socials a {\n display: flex; align-items: center; justify-content: center;\n width: 58px; height: 58px; border-radius: 50%;\n background: #fff; \/* white bg as requested *\/\n border: 2px solid rgba(255,255,255,0.6);\n overflow: hidden;\n box-shadow: 0 3px 14px rgba(0,0,0,0.35);\n transition: border-color .2s, box-shadow .2s, transform .2s, background .2s;\n }\n .hero-socials a img { width: 30px; height: 30px; object-fit: contain; }\n .hero-socials a:hover { background: #e8ffe0; border-color: var(--g); box-shadow: 0 0 18px var(--glow); transform: scale(1.12) translateY(-4px); }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \u00a72 ABOUT\n Parallax bg, text left, art right\n Body text in white sticker blocks\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n #about {\n position: relative;\n background: url('http:\/\/pickley.online\/wp-content\/uploads\/2026\/07\/bg24.png') center\/cover no-repeat fixed;\n padding: 8rem 5vw 7rem;\n }\n\n .about-grid {\n max-width: 1300px; margin: 0 auto;\n display: grid; grid-template-columns: 1fr 1fr;\n align-items: center; gap: 5rem;\n }\n\n .about-left {}\n .about-heading {\n font-family: var(--fh);\n font-size: clamp(5rem, 9vw, 10rem);\n line-height: 0.92; letter-spacing: 3px; margin-bottom: 2rem;\n }\n .about-heading .line1 { display: block; color: #fff; }\n .about-heading .line2 { display: block; color: var(--g); text-shadow: 0 0 28px var(--glow); }\n\n .about-blocks { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 2.5rem; }\n\n .btn-jupiter {\n display: inline-flex; align-items: center; gap: 0;\n font-family: var(--fb); font-weight: 900; font-size: 1.35rem;\n letter-spacing: 2px; text-transform: uppercase;\n text-decoration: none; border: none; cursor: pointer;\n border-radius: 60px; overflow: hidden;\n box-shadow: 0 4px 24px rgba(0,0,0,0.4); transition: transform .18s, box-shadow .2s;\n }\n .btn-jupiter:hover { transform: translateY(-3px); box-shadow: 0 8px 36px rgba(0,0,0,0.5); }\n .btn-jupiter .j-label { background: #fff; color: var(--ink); padding: 1rem 1.8rem 1rem 2.2rem; }\n .btn-jupiter .j-arrow { background: var(--g); color: var(--ink); width: 62px; height: 62px; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; font-weight: 900; flex-shrink: 0; }\n\n .about-right { display: flex; justify-content: center; align-items: center; position: relative; }\n .about-glow { position: absolute; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(57,255,20,0.2) 0%, transparent 68%); z-index: 0; }\n .about-img { position: relative; z-index: 1; width: clamp(480px, 74vw, 880px); filter: drop-shadow(0 0 55px rgba(57,255,20,0.42)); animation: floatY 4.5s ease-in-out infinite; }\n \/*.about-right img{*\/\n \/* transform: scale(1.6). !important;*\/\n \/*}*\/\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \u00a73 TOKENOMICS\n No parallax, giant heading + tile grid\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n #tokenomics {\n position: relative;\n background: url('http:\/\/pickley.online\/wp-content\/uploads\/2026\/07\/bg24.png') center\/cover no-repeat fixed;\n padding: 0 0 6rem;\n }\n\n .tok-heading-wrap { text-align: center; padding: 5rem 5vw 4rem; }\n .tok-main-title {\n font-family: var(--fh);\n font-size: clamp(5.5rem, 13vw, 13rem);\n letter-spacing: 6px; line-height: 1; color: #fff;\n text-shadow: 4px 4px 0 rgba(0,0,0,0.5);\n }\n\n .tok-tiles {\n display: grid; grid-template-columns: 1fr 1fr;\n max-width: 1200px; margin: 0 auto; padding: 0 5vw; gap: 6px;\n }\n .tok-tile { padding: 3.5rem 3rem; }\n .tok-tile.green { background: var(--g); }\n .tok-tile.white { background: #fff; }\n .tok-tile.dark { background: rgba(8,12,9,0.92); border: 1px solid rgba(57,255,20,0.2); }\n\n .tile-label { font-family: var(--fh); font-size: clamp(1.6rem, 2.8vw, 2.5rem); letter-spacing: 2px; margin-bottom: .4rem; display: block; }\n .tile-value { font-family: var(--fh); font-size: clamp(2.8rem, 5vw, 5.5rem); letter-spacing: 2px; line-height: 1.05; display: block; }\n .tile-sub { font-size: 1rem; font-weight: 800; letter-spacing: 1px; margin-top: .4rem; display: block; }\n\n .tok-tile.green .tile-label, .tok-tile.green .tile-value, .tok-tile.green .tile-sub { color: var(--ink); }\n .tok-tile.green .tile-label { color: var(--ink); opacity: .75; }\n\n .tok-tile.white .tile-label { color: var(--g); }\n .tok-tile.white .tile-value, .tok-tile.white .tile-sub { color: var(--ink); }\n\n .tok-tile.dark .tile-label { color: var(--g); }\n .tok-tile.dark .tile-value { color: #fff; }\n .tok-tile.dark .tile-sub { color: rgba(255,255,255,0.5); }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \u00a74 HOW TO BUY\n Parallax bg, steps with white txt blocks\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n #how-to-buy {\n position: relative;\n background: url('http:\/\/pickley.online\/wp-content\/uploads\/2026\/07\/bg3.png') center\/cover no-repeat scroll;\n padding: 8rem 0;\n }\n\n \/* left half empty, right half has all content *\/\n .htb-inner {\n max-width: 1400px; margin: 0 auto;\n display: grid; grid-template-columns: 1fr 1fr;\n padding: 0 5vw 0 0;\n }\n .htb-left-clear { \/* intentionally empty *\/ }\n .htb-right { padding-left: 4rem; }\n\n .htb-top { display: flex; flex-direction: column; gap: 1.8rem; margin-bottom: 4rem; }\n .htb-heading { font-family: var(--fh); font-size: clamp(4.5rem, 7vw, 8.5rem); line-height: 0.9; letter-spacing: 5px; }\n .htb-heading .line1 { display: block; color: #fff; }\n .htb-heading .line2 { display: block; color: var(--g); text-shadow: 0 0 28px var(--glow); }\n\n .steps-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; }\n .step-card {\n background: rgba(4,8,5,0.82); border: 1px solid rgba(57,255,20,0.22);\n border-radius: 20px; padding: 2.5rem 2rem;\n transition: border-color .3s, transform .25s;\n }\n .step-card:hover { border-color: var(--g); transform: translateY(-6px); }\n .step-num { font-family: var(--fh); font-size: 4.5rem; color: rgba(57,255,20,0.16); line-height: 1; margin-bottom: .6rem; }\n .step-title { font-family: var(--fh); font-size: 2rem; letter-spacing: 1.5px; color: var(--g); margin-bottom: 1rem; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \u00a75 COMMUNITY\n No social icons, centered CTA\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n #community {\n position: relative;\n background: url('http:\/\/pickley.online\/wp-content\/uploads\/2026\/07\/bg5.png') center\/cover no-repeat scroll;\n padding: 10rem 5vw 8rem;\n }\n .comm-inner { max-width: 1000px; margin: 0 auto; text-align: center; }\n .comm-heading { font-family: var(--fh); font-size: clamp(5.5rem, 11vw, 11rem); line-height: 0.88; letter-spacing: 8px; margin-bottom: 1.5rem; }\n .comm-heading .line1 { display: block; color: #fff; }\n .comm-heading .line2 { display: block; color: var(--g); text-shadow: 0 0 46px var(--glow); }\n\n \/* community tagline as white sticker block *\/\n .comm-tagline-wrap { display: flex; justify-content: center; margin-bottom: 3rem; }\n .comm-tagline-wrap .txt-block { font-size: clamp(1rem, 1.6vw, 1.25rem); letter-spacing: 1.5px; max-width: 600px; text-align: center; }\n\n .comm-btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.1rem; margin-bottom: 6rem; }\n\n .btn-green {\n display: inline-flex; align-items: center; gap: .7rem;\n font-weight: 900; font-size: 1.1rem; letter-spacing: 1.5px; text-transform: uppercase;\n color: var(--ink); background: var(--g); border: none; border-radius: 60px;\n padding: .95rem 2.4rem; cursor: pointer; text-decoration: none;\n box-shadow: 0 0 22px var(--glow); transition: transform .18s, box-shadow .2s, background .15s;\n }\n .btn-green:hover { transform: translateY(-3px); box-shadow: 0 0 40px var(--glow); background: var(--gd); }\n\n .btn-white {\n display: inline-flex; align-items: center;\n font-weight: 900; font-size: 1.05rem; letter-spacing: 1.5px; text-transform: uppercase;\n color: var(--ink); background: #fff; border: none; border-radius: 60px;\n padding: .9rem 2.2rem; cursor: pointer; text-decoration: none;\n box-shadow: 0 4px 18px rgba(0,0,0,0.35); transition: transform .18s, background .15s;\n }\n .btn-white:hover { transform: translateY(-3px); background: #e8ffe0; }\n\n .footer-line {\n display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem;\n font-size: .8rem; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase;\n color: rgba(255,255,255,0.28); border-top: 1px solid rgba(57,255,20,0.1); padding-top: 2rem;\n }\n .footer-line .logo { font-family: var(--fh); font-size: 1.3rem; color: var(--g); letter-spacing: 3px; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n ANIMATIONS & REVEAL\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(28px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes floatY {\n 0%,100% { transform: translateY(0); }\n 50% { transform: translateY(-22px); }\n }\n\n .reveal { opacity: 0; transform: translateY(38px); transition: opacity .7s ease, transform .7s ease; }\n .reveal.vis { opacity: 1; transform: none; }\n \/* tilt reveals \u2014 appear at their final tilt angle *\/\n .reveal.tilt-l { transform: translateY(38px) rotate(-1.2deg); }\n .reveal.tilt-l.vis { transform: translateY(0) rotate(-1.2deg); }\n .reveal.tilt-r { transform: translateY(38px) rotate(0.9deg); }\n .reveal.tilt-r.vis { transform: translateY(0) rotate(0.9deg); }\n .reveal.tilt-ll { transform: translateY(38px) rotate(-2deg); }\n .reveal.tilt-ll.vis { transform: translateY(0) rotate(-2deg); }\n .reveal.tilt-rr { transform: translateY(38px) rotate(1.6deg); }\n .reveal.tilt-rr.vis { transform: translateY(0) rotate(1.6deg); }\n .reveal.tilt-0 { transform: translateY(38px) rotate(-0.4deg); }\n .reveal.tilt-0.vis { transform: translateY(0) rotate(-0.4deg); }\n\n .d1 { transition-delay: .1s; }\n .d2 { transition-delay: .22s; }\n .d3 { transition-delay: .34s; }\n .d4 { transition-delay: .46s; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n RESPONSIVE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n @media (max-width: 960px) {\n .about-grid { grid-template-columns: 1fr; gap: 2.5rem; }\n .about-right { order: -1; }\n .about-img { width: 72vw; }\n .tok-tiles { grid-template-columns: 1fr; }\n \/* collapse how-to-buy to full width on tablet *\/\n .htb-inner { grid-template-columns: 1fr; padding: 0 5vw; }\n .htb-left-clear { display: none; }\n .htb-right { padding-left: 0; }\n .steps-grid { grid-template-columns: 1fr 1fr; }\n }\n @media (max-width: 600px) {\n nav { padding: 0 1.2rem; }\n .nav-links { display: none; }\n .steps-grid { grid-template-columns: 1fr; }\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- NAV -->\n <nav>\n <a class=\"nav-logo\" href=\"#hero\">PICKLEY<\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#tokenomics\">Tokenomics<\/a><\/li>\n <li><a href=\"#how-to-buy\">How To Buy<\/a><\/li>\n <li><a href=\"#community\">Community<\/a><\/li>\n <\/ul>\n <a class=\"nav-cta\" href=\"#how-to-buy\">Buy Now<\/a>\n <\/nav>\n\n <!-- \u2550\u2550\u2550\u2550 \u00a71 HERO \u2014 no title, CA + white-bg social icons \u2550\u2550\u2550\u2550 -->\n <section id=\"hero\">\n <div class=\"hero-bottom\">\n <button class=\"btn-ca\" id=\"copyBtn\" onclick=\"copyCA()\">\n <span class=\"lbl-default\">Copy CA : NULL<\/span>\n <span class=\"lbl-done\">Copied!<\/span>\n <\/button>\n <div class=\"hero-socials\">\n <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"Social 1\"><img decoding=\"async\" src=\"http:\/\/pickley.online\/wp-content\/uploads\/2026\/07\/1.png\" alt=\"\" \/><\/a>\n <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"Social 2\"><img decoding=\"async\" src=\"http:\/\/pickley.online\/wp-content\/uploads\/2026\/07\/2.png\" alt=\"\" \/><\/a>\n <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"Social 3\"><img decoding=\"async\" src=\"http:\/\/pickley.online\/wp-content\/uploads\/2026\/07\/3.png\" alt=\"\" \/><\/a>\n <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"Social 4\"><img decoding=\"async\" src=\"http:\/\/pickley.online\/wp-content\/uploads\/2026\/07\/4.png\" alt=\"\" \/><\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- DIVIDER 1 -->\n <div class=\"marquee-divider\">\n <div class=\"marquee-track\">\n <span class=\"mw\">STAY GREEN<\/span><span class=\"mg\">STAY SMUG<\/span><span class=\"mw\">STAY PICKLEY<\/span><span class=\"mg\">$PICKLEY<\/span>\n <span class=\"mw\">STAY GREEN<\/span><span class=\"mg\">STAY SMUG<\/span><span class=\"mw\">STAY PICKLEY<\/span><span class=\"mg\">$PICKLEY<\/span>\n <span class=\"mw\">STAY GREEN<\/span><span class=\"mg\">STAY SMUG<\/span><span class=\"mw\">STAY PICKLEY<\/span><span class=\"mg\">$PICKLEY<\/span>\n <span class=\"mw\">STAY GREEN<\/span><span class=\"mg\">STAY SMUG<\/span><span class=\"mw\">STAY PICKLEY<\/span><span class=\"mg\">$PICKLEY<\/span>\n <!-- duplicate for seamless loop -->\n <span class=\"mw\">STAY GREEN<\/span><span class=\"mg\">STAY SMUG<\/span><span class=\"mw\">STAY PICKLEY<\/span><span class=\"mg\">$PICKLEY<\/span>\n <span class=\"mw\">STAY GREEN<\/span><span class=\"mg\">STAY SMUG<\/span><span class=\"mw\">STAY PICKLEY<\/span><span class=\"mg\">$PICKLEY<\/span>\n <span class=\"mw\">STAY GREEN<\/span><span class=\"mg\">STAY SMUG<\/span><span class=\"mw\">STAY PICKLEY<\/span><span class=\"mg\">$PICKLEY<\/span>\n <span class=\"mw\">STAY GREEN<\/span><span class=\"mg\">STAY SMUG<\/span><span class=\"mw\">STAY PICKLEY<\/span><span class=\"mg\">$PICKLEY<\/span>\n <\/div>\n <\/div>\n\n <!-- \u2550\u2550\u2550\u2550 \u00a72 ABOUT \u2550\u2550\u2550\u2550 -->\n <section id=\"about\">\n <div class=\"about-grid\">\n <div class=\"about-left\">\n <h2 class=\"about-heading reveal\">\n <span class=\"line1\">ABOUT<\/span>\n <span class=\"line2\">PICKLEY<\/span>\n <\/h2>\n\n <div class=\"about-blocks\">\n <div class=\"txt-block tilt-l reveal d1\">\n PICKLEY is a green, smug, and completely unbothered meme character ready to take over the crypto jungle. Born from pure meme energy, Pickley doesn't need complicated plans, serious promises, or a reason to smile.\n <\/div>\n <div class=\"txt-block tilt-r reveal d2\">\n He simply stays green, stays confident, and keeps moving forward while everyone else tries to figure out what's happening. With his iconic smug face and cucumber-powered attitude, PICKLEY brings fresh memes and chaotic vibes.\n <\/div>\n <div class=\"txt-block tilt-ll reveal d3\">\n Cheap, fast, and open on Solana \u2014 PICKLEY is where culture meets crypto, powered by everyone who knows that feel.\n <\/div>\n <\/div>\n\n <a class=\"btn-jupiter reveal d3\" href=\"#how-to-buy\">\n <span class=\"j-label\">JUPITER<\/span>\n <span class=\"j-arrow\">→<\/span>\n <\/a>\n <\/div>\n\n <div class=\"about-right reveal d1\">\n <div class=\"about-glow\"><\/div>\n <img decoding=\"async\" class=\"about-img\" src=\"http:\/\/pickley.online\/wp-content\/uploads\/2026\/07\/featured2.png\" alt=\"Pickley\" style=\"transform: scale(1.6);\" \/>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- DIVIDER 2 \u2014 reverse direction -->\n <!--<div class=\"marquee-divider reverse\">-->\n <!-- <div class=\"marquee-track\">-->\n <!-- <span class=\"mg\">PICKLEY<\/span><span class=\"mw\">PICKLEY<\/span><span class=\"mg\">PICKLEY<\/span><span class=\"mw\">PICKLEY<\/span>-->\n <!-- <span class=\"mg\">PICKLEY<\/span><span class=\"mw\">PICKLEY<\/span><span class=\"mg\">PICKLEY<\/span><span class=\"mw\">PICKLEY<\/span>-->\n <!-- <span class=\"mg\">PICKLEY<\/span><span class=\"mw\">PICKLEY<\/span><span class=\"mg\">PICKLEY<\/span><span class=\"mw\">PICKLEY<\/span>-->\n <!-- <span class=\"mg\">PICKLEY<\/span><span class=\"mw\">PICKLEY<\/span><span class=\"mg\">PICKLEY<\/span><span class=\"mw\">PICKLEY<\/span>-->\n <!-- <span class=\"mg\">PICKLEY<\/span><span class=\"mw\">PICKLEY<\/span><span class=\"mg\">PICKLEY<\/span><span class=\"mw\">PICKLEY<\/span>-->\n <!-- <span class=\"mg\">PICKLEY<\/span><span class=\"mw\">PICKLEY<\/span><span class=\"mg\">PICKLEY<\/span><span class=\"mw\">PICKLEY<\/span>-->\n <!-- <span class=\"mg\">PICKLEY<\/span><span class=\"mw\">PICKLEY<\/span><span class=\"mg\">PICKLEY<\/span><span class=\"mw\">PICKLEY<\/span>-->\n <!-- <span class=\"mg\">PICKLEY<\/span><span class=\"mw\">PICKLEY<\/span><span class=\"mg\">PICKLEY<\/span><span class=\"mw\">PICKLEY<\/span>-->\n <!-- <\/div>-->\n <!--<\/div>-->\n\n <!-- \u2550\u2550\u2550\u2550 \u00a73 TOKENOMICS \u2550\u2550\u2550\u2550 -->\n <section id=\"tokenomics\">\n <div class=\"tok-heading-wrap reveal\">\n <h2 class=\"tok-main-title\">TOKENOMICS<\/h2>\n <\/div>\n <div class=\"tok-tiles\">\n <div class=\"tok-tile green reveal d1\">\n <span class=\"tile-label\">LP 100%<\/span>\n <span class=\"tile-value\">BURNED<\/span>\n <\/div>\n <div class=\"tok-tile white reveal d2\">\n <span class=\"tile-label\">TOTAL SUPPLY<\/span>\n <span class=\"tile-value\">1,000,000,000<\/span>\n <\/div>\n <div class=\"tok-tile white reveal d1\">\n <span class=\"tile-label\">CONTRACT<\/span>\n <span class=\"tile-value\">RENOUNCED<\/span>\n <\/div>\n <div class=\"tok-tile green reveal d2\">\n <span class=\"tile-label\">FAIR LAUNCH<\/span>\n <span class=\"tile-value\">PUMP.FUN<\/span>\n <\/div>\n <div class=\"tok-tile dark reveal d1\">\n <span class=\"tile-label\">BUY \/ SELL TAX<\/span>\n <span class=\"tile-value\">0 \/ 0<\/span>\n <span class=\"tile-sub\">Zero. Nothing. Nada.<\/span>\n <\/div>\n <div class=\"tok-tile dark reveal d2\">\n <span class=\"tile-label\">BLOCKCHAIN<\/span>\n <span class=\"tile-value\">SOLANA<\/span>\n <span class=\"tile-sub\">Cheap. Fast. Open.<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- DIVIDER 3 -->\n <div class=\"marquee-divider\">\n <div class=\"marquee-track\">\n <span class=\"mw\">HOW TO BUY<\/span><span class=\"mg\">GET $PICKLEY<\/span><span class=\"mw\">4 EASY STEPS<\/span><span class=\"mg\">JOIN THE JUNGLE<\/span>\n <span class=\"mw\">HOW TO BUY<\/span><span class=\"mg\">GET $PICKLEY<\/span><span class=\"mw\">4 EASY STEPS<\/span><span class=\"mg\">JOIN THE JUNGLE<\/span>\n <span class=\"mw\">HOW TO BUY<\/span><span class=\"mg\">GET $PICKLEY<\/span><span class=\"mw\">4 EASY STEPS<\/span><span class=\"mg\">JOIN THE JUNGLE<\/span>\n <span class=\"mw\">HOW TO BUY<\/span><span class=\"mg\">GET $PICKLEY<\/span><span class=\"mw\">4 EASY STEPS<\/span><span class=\"mg\">JOIN THE JUNGLE<\/span>\n <!-- duplicate -->\n <span class=\"mw\">HOW TO BUY<\/span><span class=\"mg\">GET $PICKLEY<\/span><span class=\"mw\">4 EASY STEPS<\/span><span class=\"mg\">JOIN THE JUNGLE<\/span>\n <span class=\"mw\">HOW TO BUY<\/span><span class=\"mg\">GET $PICKLEY<\/span><span class=\"mw\">4 EASY STEPS<\/span><span class=\"mg\">JOIN THE JUNGLE<\/span>\n <span class=\"mw\">HOW TO BUY<\/span><span class=\"mg\">GET $PICKLEY<\/span><span class=\"mw\">4 EASY STEPS<\/span><span class=\"mg\">JOIN THE JUNGLE<\/span>\n <span class=\"mw\">HOW TO BUY<\/span><span class=\"mg\">GET $PICKLEY<\/span><span class=\"mw\">4 EASY STEPS<\/span><span class=\"mg\">JOIN THE JUNGLE<\/span>\n <\/div>\n <\/div>\n\n <!-- \u2550\u2550\u2550\u2550 \u00a74 HOW TO BUY \u2550\u2550\u2550\u2550 -->\n <section id=\"how-to-buy\">\n <div class=\"htb-inner\">\n <!-- left side intentionally clear \u2014 background image shows through -->\n <div class=\"htb-left-clear\"><\/div>\n\n <!-- all content on right half -->\n <div class=\"htb-right\">\n <div class=\"htb-top\">\n <h2 class=\"htb-heading reveal\">\n <span class=\"line1\">HOW TO<\/span>\n <span class=\"line2\">BUY<\/span>\n <\/h2>\n <div class=\"txt-block tilt-r reveal d1\">\n Four steps. No complicated math. Even the smuggest frog can do it.\n <\/div>\n <\/div>\n\n <div class=\"steps-grid\">\n <div class=\"step-card reveal d1\">\n <div class=\"step-num\">01<\/div>\n <div class=\"step-title\">Get Phantom<\/div>\n <div class=\"txt-block tilt-l\" style=\"margin-top:.4rem;\">\n Download Phantom or Solflare on your device. Create your wallet and store your seed phrase safely.\n <\/div>\n <\/div>\n <div class=\"step-card reveal d2\">\n <div class=\"step-num\">02<\/div>\n <div class=\"step-title\">Get SOL<\/div>\n <div class=\"txt-block tilt-rr\" style=\"margin-top:.4rem;\">\n Purchase SOL from any crypto exchange and send it directly to your Solana wallet address.\n <\/div>\n <\/div>\n <div class=\"step-card reveal d3\">\n <div class=\"step-num\">03<\/div>\n <div class=\"step-title\">Go to Jupiter<\/div>\n <div class=\"txt-block tilt-ll\" style=\"margin-top:.4rem;\">\n Visit jup.ag \u2014 the top DEX aggregator on Solana. Connect your wallet and set slippage to 1\u20132%.\n <\/div>\n <\/div>\n <div class=\"step-card reveal d4\">\n <div class=\"step-num\">04<\/div>\n <div class=\"step-title\">Buy $PICKLEY<\/div>\n <div class=\"txt-block tilt-r\" style=\"margin-top:.4rem;\">\n Paste the $PICKLEY contract address, enter your amount, confirm the swap. Welcome to the jungle.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- DIVIDER 4 \u2014 reverse -->\n <div class=\"marquee-divider reverse\">\n <div class=\"marquee-track\">\n <span class=\"mg\">STAY SMUG<\/span><span class=\"mw\">STAY GREEN<\/span><span class=\"mg\">STAY PICKLEY<\/span><span class=\"mw\">ON SOLANA<\/span>\n <span class=\"mg\">STAY SMUG<\/span><span class=\"mw\">STAY GREEN<\/span><span class=\"mg\">STAY PICKLEY<\/span><span class=\"mw\">ON SOLANA<\/span>\n <span class=\"mg\">STAY SMUG<\/span><span class=\"mw\">STAY GREEN<\/span><span class=\"mg\">STAY PICKLEY<\/span><span class=\"mw\">ON SOLANA<\/span>\n <span class=\"mg\">STAY SMUG<\/span><span class=\"mw\">STAY GREEN<\/span><span class=\"mg\">STAY PICKLEY<\/span><span class=\"mw\">ON SOLANA<\/span>\n <span class=\"mg\">STAY SMUG<\/span><span class=\"mw\">STAY GREEN<\/span><span class=\"mg\">STAY PICKLEY<\/span><span class=\"mw\">ON SOLANA<\/span>\n <span class=\"mg\">STAY SMUG<\/span><span class=\"mw\">STAY GREEN<\/span><span class=\"mg\">STAY PICKLEY<\/span><span class=\"mw\">ON SOLANA<\/span>\n <span class=\"mg\">STAY SMUG<\/span><span class=\"mw\">STAY GREEN<\/span><span class=\"mg\">STAY PICKLEY<\/span><span class=\"mw\">ON SOLANA<\/span>\n <span class=\"mg\">STAY SMUG<\/span><span class=\"mw\">STAY GREEN<\/span><span class=\"mg\">STAY PICKLEY<\/span><span class=\"mw\">ON SOLANA<\/span>\n <\/div>\n <\/div>\n\n <!-- \u2550\u2550\u2550\u2550 \u00a75 COMMUNITY \u2550\u2550\u2550\u2550 -->\n <section id=\"community\">\n <div class=\"comm-inner\">\n <h2 class=\"comm-heading reveal\">\n <span class=\"line1\">JOIN THE<\/span>\n <span class=\"line2\">JUNGLE<\/span>\n <\/h2>\n\n <div class=\"comm-tagline-wrap\">\n <div class=\"txt-block tilt-l reveal d1\">\n Stay Green. Stay Smug. Stay PICKLEY. The smuggest community in all of crypto \u2014 join us and never look back.\n <\/div>\n <\/div>\n\n <div class=\"comm-btns reveal d2\">\n <a class=\"btn-green\" href=\"#\">Buy $PICKLEY<\/a>\n <a class=\"btn-white\" href=\"#\">Join Telegram<\/a>\n <a class=\"btn-white\" href=\"#\">Follow on X<\/a>\n <a class=\"btn-white\" href=\"#\">View Chart<\/a>\n <\/div>\n\n <div class=\"footer-line reveal d3\">\n <span class=\"logo\">PICKLEY<\/span>\n <span>·<\/span>\n <span>$PICKLEY on Solana<\/span>\n <span>·<\/span>\n <span>Not financial advice. Just vibes.<\/span>\n <span>·<\/span>\n <span>© 2026 PICKLEY Community<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n const CA = 'PASTE_CONTRACT_ADDRESS_HERE';\n function copyCA() {\n if (CA === 'PASTE_CONTRACT_ADDRESS_HERE') { alert('Contract address coming soon!'); return; }\n navigator.clipboard.writeText(CA).then(() => {\n const b = document.getElementById('copyBtn');\n b.classList.add('copied');\n setTimeout(() => b.classList.remove('copied'), 2400);\n });\n }\n\n \/* scroll reveal *\/\n const ro = new IntersectionObserver(es => {\n es.forEach(e => { if (e.isIntersecting) { e.target.classList.add('vis'); ro.unobserve(e.target); } });\n }, { threshold: 0.1 });\n document.querySelectorAll('.reveal').forEach(el => ro.observe(el));\n\n \/* active nav *\/\n const secs = document.querySelectorAll('section[id]');\n const links = document.querySelectorAll('.nav-links a');\n const ao = new IntersectionObserver(es => {\n es.forEach(e => {\n if (e.isIntersecting) {\n links.forEach(l => l.classList.remove('active'));\n const a = document.querySelector(`.nav-links a[href=\"#${e.target.id}\"]`);\n if (a) a.classList.add('active');\n }\n });\n }, { threshold: 0.38 });\n secs.forEach(s => ao.observe(s));\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>PICKLEY \u2014 Stay Green. Stay Smug. Stay PICKLEY. PICKLEY About Tokenomics How To Buy Community Buy Now Copy CA : NULL Copied! STAY GREENSTAY SMUGSTAY PICKLEY$PICKLEY STAY GREENSTAY SMUGSTAY PICKLEY$PICKLEY STAY GREENSTAY SMUGSTAY PICKLEY$PICKLEY STAY GREENSTAY SMUGSTAY PICKLEY$PICKLEY STAY GREENSTAY SMUGSTAY PICKLEY$PICKLEY STAY GREENSTAY SMUGSTAY PICKLEY$PICKLEY STAY GREENSTAY SMUGSTAY PICKLEY$PICKLEY STAY GREENSTAY SMUGSTAY PICKLEY$PICKLEY ABOUT […]<\/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:\/\/pickley.online\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pickley.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pickley.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pickley.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pickley.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":67,"href":"https:\/\/pickley.online\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":89,"href":"https:\/\/pickley.online\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/89"}],"wp:attachment":[{"href":"https:\/\/pickley.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}