{"id":8,"date":"2026-07-01T19:06:54","date_gmt":"2026-07-01T19:06:54","guid":{"rendered":"https:\/\/thetopinfluencer.xyz\/?page_id=8"},"modified":"2026-07-01T19:50:34","modified_gmt":"2026-07-01T19:50:34","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/thetopinfluencer.xyz\/","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-d22b519 e-con-full e-flex e-con e-parent\" data-id=\"d22b519\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64c905c elementor-widget elementor-widget-html\" data-id=\"64c905c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n\/* ---------- FONT + RESET (scoped) ---------- *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600;700;800&family=Manrope:wght@300;400;500;600;700;800&display=swap');\r\n\r\n.lp-root, .lp-root *{ box-sizing:border-box; margin:0; padding:0; }\r\n.lp-root{\r\n  --lp-navy-1:#050A22;\r\n  --lp-navy-2:#0A1447;\r\n  --lp-blue-1:#1E3AE8;\r\n  --lp-blue-2:#3D6BFF;\r\n  --lp-blue-3:#5B8BFF;\r\n  --lp-ice:#B8D0FF;\r\n  --lp-white:#EAF1FF;\r\n  --lp-gold:#FFD265;\r\n  --lp-radius-lg:28px;\r\n  --lp-radius-md:20px;\r\n  --lp-radius-sm:14px;\r\n  --lp-shadow:0 30px 80px -20px rgba(0,10,60,.55), 0 8px 20px -6px rgba(0,10,60,.35);\r\n  font-family:'Manrope', ui-sans-serif, system-ui, sans-serif;\r\n  color:var(--lp-white);\r\n  line-height:1.55;\r\n  letter-spacing:-0.005em;\r\n  position:relative;\r\n  overflow:hidden;\r\n  background:\r\n     radial-gradient(1200px 700px at 85% -10%, rgba(61,107,255,.55), transparent 60%),\r\n     radial-gradient(900px 600px at -10% 30%, rgba(30,58,232,.45), transparent 60%),\r\n     radial-gradient(1000px 700px at 50% 110%, rgba(91,139,255,.35), transparent 60%),\r\n     linear-gradient(180deg, #030724 0%, #050A22 30%, #071240 60%, #0A1863 100%);\r\n  padding: clamp(20px,2vw,40px);\r\n}\r\n.lp-root h1,.lp-root h2,.lp-root h3,.lp-root h4{\r\n  font-family:'Sora', 'Manrope', sans-serif; font-weight:700; letter-spacing:-0.02em; line-height:1.05;\r\n}\r\n.lp-root a{ color:inherit; text-decoration:none; }\r\n.lp-root img{ display:block; max-width:100%; }\r\n.lp-root button{ font-family:inherit; cursor:pointer; border:0; background:none; color:inherit; }\r\n\r\n\/* ambient orbs *\/\r\n.lp-root::before,.lp-root::after{\r\n  content:\"\"; position:absolute; pointer-events:none; z-index:0; filter:blur(80px); opacity:.55;\r\n}\r\n.lp-root::before{ width:520px; height:520px; top:-120px; right:-80px;\r\n  background:radial-gradient(circle, #3D6BFF 0%, transparent 65%); }\r\n.lp-root::after{ width:600px; height:600px; bottom:-200px; left:-140px;\r\n  background:radial-gradient(circle, #1E3AE8 0%, transparent 65%); }\r\n\r\n\/* grain *\/\r\n.lp-root .lp-grain{\r\n  position:absolute; inset:0; z-index:1; pointer-events:none; opacity:.06; mix-blend-mode:overlay;\r\n  background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'\/><\/filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.8'\/><\/svg>\");\r\n}\r\n\r\n.lp-wrap{ position:relative; z-index:2; max-width:1280px; margin:0 auto; }\r\n\r\n\/* ---------- GLASS ---------- *\/\r\n.lp-glass{\r\n  background:linear-gradient(180deg, rgba(30,58,232,.28), rgba(10,20,71,.55));\r\n  border:1px solid rgba(184,208,255,.18);\r\n  backdrop-filter: blur(22px) saturate(140%);\r\n  -webkit-backdrop-filter: blur(22px) saturate(140%);\r\n  border-radius:var(--lp-radius-lg);\r\n  box-shadow: var(--lp-shadow);\r\n}\r\n.lp-glass-soft{\r\n  background:linear-gradient(180deg, rgba(91,139,255,.16), rgba(10,20,71,.35));\r\n  border:1px solid rgba(184,208,255,.14);\r\n  border-radius:var(--lp-radius-md);\r\n}\r\n\r\n\/* ---------- NAV ---------- *\/\r\n.lp-nav{\r\n  display:flex; align-items:center; justify-content:space-between; gap:24px;\r\n  padding:14px 22px; margin-bottom:36px;\r\n  position:sticky; top:16px; z-index:20;\r\n}\r\n.lp-logo{ font-family:'Sora',sans-serif; font-weight:700; font-size:18px; letter-spacing:-.02em; display:flex; align-items:center; gap:10px; }\r\n.lp-navlinks{ display:flex; gap:6px; padding:6px; border-radius:999px;\r\n  background:rgba(10,20,71,.35); border:1px solid rgba(184,208,255,.14);\r\n  backdrop-filter:blur(10px); }\r\n.lp-navlinks a{ padding:9px 16px; font-size:14px; font-weight:500; border-radius:999px; color:var(--lp-ice);\r\n  transition:all .25s ease; }\r\n.lp-navlinks a:hover{ background:rgba(91,139,255,.18); color:#fff; }\r\n.lp-navlinks a.active{ background:linear-gradient(180deg,#3D6BFF,#1E3AE8); color:#fff;\r\n  box-shadow:0 8px 20px rgba(61,107,255,.45); }\r\n.lp-cta-swap{\r\n  padding:12px 22px; border-radius:999px; font-weight:600; font-size:14px;\r\n  background:linear-gradient(180deg,#5B8BFF 0%, #1E3AE8 100%);\r\n  color:#fff; box-shadow:0 10px 24px rgba(61,107,255,.5), inset 0 1px 0 rgba(255,255,255,.35);\r\n  display:inline-flex; align-items:center; gap:8px; transition:transform .2s ease, box-shadow .25s;\r\n}\r\n.lp-cta-swap:hover{ transform:translateY(-2px); box-shadow:0 16px 30px rgba(61,107,255,.6), inset 0 1px 0 rgba(255,255,255,.4); }\r\n@media(max-width:900px){ .lp-navlinks{ display:none; } }\r\n\r\n\/* ---------- SECTION ---------- *\/\r\n.lp-section{ padding: clamp(50px,7vw,110px) 0; position:relative; }\r\n.lp-eyebrow{ display:inline-flex; align-items:center; gap:10px; padding:8px 16px; font-size:12px; font-weight:600;\r\n  letter-spacing:.18em; text-transform:uppercase; color:var(--lp-ice);\r\n  background:rgba(91,139,255,.15); border:1px solid rgba(184,208,255,.22); border-radius:999px;\r\n  backdrop-filter:blur(10px); }\r\n.lp-eyebrow .dot{ width:6px; height:6px; border-radius:50%; background:#5B8BFF; box-shadow:0 0 12px #5B8BFF; }\r\n\r\n\/* ---------- HERO ---------- *\/\r\n.lp-hero{ display:grid; grid-template-columns:1.05fr 1fr; gap:40px; align-items:center; padding:24px 0 40px; }\r\n.lp-hero-tag{ margin-bottom:24px; }\r\n.lp-hero-title{\r\n  font-size: clamp(52px, 8vw, 128px); line-height:.92; letter-spacing:-.04em; font-weight:800;\r\n  background:linear-gradient(180deg,#fff 0%, #B8D0FF 40%, #5B8BFF 100%);\r\n  -webkit-background-clip:text; background-clip:text; color:transparent;\r\n  margin: 12px 0 22px;\r\n  text-shadow:0 20px 60px rgba(61,107,255,.25);\r\n}\r\n.lp-hero-title em{ font-style:normal; background:linear-gradient(180deg,#FFD265, #FFB238);\r\n  -webkit-background-clip:text; background-clip:text; color:transparent; }\r\n.lp-hero-sub{ font-size:18px; color:var(--lp-ice); max-width:560px; margin-bottom:32px; }\r\n.lp-hero-btns{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; }\r\n.lp-btn{\r\n  padding:14px 22px; border-radius:14px; font-weight:600; font-size:14px;\r\n  display:inline-flex; align-items:center; gap:10px; transition: all .25s ease; border:1px solid transparent;\r\n}\r\n.lp-btn svg{ width:16px; height:16px; }\r\n.lp-btn-primary{ background:linear-gradient(180deg,#5B8BFF,#1E3AE8); color:#fff;\r\n  box-shadow:0 12px 28px rgba(61,107,255,.5), inset 0 1px 0 rgba(255,255,255,.35); }\r\n.lp-btn-primary:hover{ transform:translateY(-2px); }\r\n.lp-btn-ghost{ background:rgba(10,20,71,.4); color:var(--lp-white);\r\n  border:1px solid rgba(184,208,255,.2); backdrop-filter:blur(10px); }\r\n.lp-btn-ghost:hover{ background:rgba(91,139,255,.2); border-color:rgba(184,208,255,.35); }\r\n\r\n\/* video card *\/\r\n.lp-hero-card{ position:relative; padding:14px; border-radius:32px;\r\n  background:linear-gradient(180deg, rgba(91,139,255,.35), rgba(10,20,71,.6));\r\n  border:1px solid rgba(184,208,255,.22);\r\n  box-shadow:0 30px 80px -10px rgba(0,10,60,.7), inset 0 1px 0 rgba(255,255,255,.15);\r\n  backdrop-filter:blur(24px);\r\n}\r\n.lp-hero-card::before{\r\n  content:\"\"; position:absolute; inset:-1px; border-radius:32px; padding:1px;\r\n  background:linear-gradient(140deg, rgba(255,255,255,.5), transparent 30%, transparent 70%, rgba(255,210,101,.35));\r\n  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\r\n  -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none;\r\n}\r\n.lp-hero-video{ position:relative; aspect-ratio:4\/3; border-radius:22px; overflow:hidden;\r\n  background:#050A22; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06); }\r\n.lp-hero-video video{ width:100%; height:100%; object-fit:cover; display:block; }\r\n.lp-hero-video .lp-live{ position:absolute; top:14px; left:14px; padding:6px 12px; border-radius:999px;\r\n  background:rgba(5,10,34,.65); backdrop-filter:blur(8px); border:1px solid rgba(184,208,255,.2);\r\n  font-size:11px; font-weight:600; letter-spacing:.15em; text-transform:uppercase; display:flex; align-items:center; gap:8px; }\r\n.lp-hero-video .lp-live .pulse{ width:8px; height:8px; border-radius:50%; background:#5B8BFF; box-shadow:0 0 0 0 rgba(91,139,255,.7); animation:lp-pulse 1.6s infinite; }\r\n@keyframes lp-pulse{ 0%{ box-shadow:0 0 0 0 rgba(91,139,255,.7);} 70%{ box-shadow:0 0 0 14px rgba(91,139,255,0);} 100%{ box-shadow:0 0 0 0 rgba(91,139,255,0);} }\r\n.lp-ca{ margin-top:14px; display:flex; align-items:center; gap:10px; padding:10px 14px; border-radius:16px;\r\n  background:rgba(5,10,34,.5); border:1px solid rgba(184,208,255,.18); }\r\n.lp-ca-label{ font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--lp-ice); }\r\n.lp-ca code{ flex:1; font-family:'Sora',monospace; font-size:12px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\r\n.lp-ca button{ padding:8px 14px; border-radius:10px; font-size:12px; font-weight:600;\r\n  background:linear-gradient(180deg,#5B8BFF,#1E3AE8); color:#fff; display:inline-flex; align-items:center; gap:6px;\r\n  box-shadow:0 6px 16px rgba(61,107,255,.4); transition:transform .2s; }\r\n.lp-ca button:hover{ transform:translateY(-1px); }\r\n.lp-ca button.copied{ background:linear-gradient(180deg,#FFD265,#FFB238); color:#3A2400; }\r\n\r\n@media (max-width:960px){ .lp-hero{ grid-template-columns:1fr; } }\r\n\r\n\/* ---------- ABOUT (bento) ---------- *\/\r\n.lp-about{ display:grid; grid-template-columns: 1fr 1fr; gap:24px; }\r\n.lp-about-img{ \r\n  position:relative; \r\n  min-height:520px;\r\n  border:1px solid rgba(184,208,255,.2); \r\n  border-radius:var(--lp-radius-lg);\r\n  overflow:hidden; \r\n  box-shadow:var(--lp-shadow);\r\n}\r\n.lp-about-img img{ \r\n  width:100%; \r\n  height:100%; \r\n  object-fit:cover; \r\n  display:block; \r\n}\r\n.lp-about-img .lp-badge{ position:absolute; top:20px; left:20px; padding:8px 14px; border-radius:999px;\r\n  background:rgba(5,10,34,.55); border:1px solid rgba(184,208,255,.2); font-size:11px; font-weight:600; letter-spacing:.15em; text-transform:uppercase; }\r\n.lp-about-col{ display:flex; flex-direction:column; gap:24px; }\r\n.lp-about-card{ padding:32px 30px; border-radius:var(--lp-radius-lg);\r\n  background:linear-gradient(180deg, rgba(91,139,255,.18), rgba(10,20,71,.5));\r\n  border:1px solid rgba(184,208,255,.18);\r\n  backdrop-filter:blur(20px);\r\n  box-shadow:var(--lp-shadow); flex:1;\r\n}\r\n.lp-about-card h3{ font-size:clamp(24px,2.4vw,32px); margin-bottom:14px; }\r\n.lp-about-card p{ color:var(--lp-ice); font-size:15px; }\r\n.lp-about-card p strong{ color:#fff; }\r\n@media(max-width:960px){ .lp-about{ grid-template-columns:1fr; } .lp-about-img{ min-height:380px; } }\r\n\r\n\/* ---------- CORE FEATURES ---------- *\/\r\n.lp-features{ position:relative; text-align:center; }\r\n.lp-features .lp-bg-l, .lp-features .lp-bg-r{ position:absolute; top:50%; transform:translateY(-50%);\r\n  width: min(340px, 26vw); opacity:.55; pointer-events:none; z-index:0;\r\n  filter: drop-shadow(0 30px 40px rgba(0,0,0,.5));\r\n}\r\n.lp-features .lp-bg-l{ left:-40px; transform:translateY(-50%) scaleX(-1); animation: lp-swing-l 8s ease-in-out infinite;}\r\n.lp-features .lp-bg-r{ right:-40px; animation: lp-swing-r 8s ease-in-out infinite; }\r\n@keyframes lp-swing-l{ 0%,100%{ transform:translateY(-50%) scaleX(-1) rotate(-4deg);} 50%{ transform:translateY(-54%) scaleX(-1) rotate(4deg);} }\r\n@keyframes lp-swing-r{ 0%,100%{ transform:translateY(-50%) rotate(-4deg);} 50%{ transform:translateY(-54%) rotate(4deg);} }\r\n\r\n.lp-features-head{ position:relative; z-index:2; max-width:720px; margin:0 auto 60px; }\r\n.lp-features-head h2{ font-size:clamp(40px,5.5vw,72px); margin:16px 0 16px; }\r\n.lp-features-head p{ color:var(--lp-ice); font-size:17px; }\r\n.lp-features-grid{ position:relative; z-index:2; display:grid; gap:22px;\r\n  grid-template-columns: repeat(4, 1fr); }\r\n.lp-fcard{ padding:28px; border-radius:var(--lp-radius-lg); text-align:left;\r\n  background:linear-gradient(180deg, rgba(91,139,255,.18), rgba(10,20,71,.55));\r\n  border:1px solid rgba(184,208,255,.18);\r\n  backdrop-filter:blur(20px);\r\n  transition: transform .3s ease, border-color .3s ease;\r\n  position:relative; overflow:hidden;\r\n}\r\n.lp-fcard:hover{ transform:translateY(-8px); border-color:rgba(91,139,255,.55); }\r\n.lp-fcard .num{ font-family:'Sora',sans-serif; font-size:12px; font-weight:600; letter-spacing:.2em; color:var(--lp-ice); }\r\n.lp-fcard h4{ font-size:22px; margin:14px 0 12px; line-height:1.15; }\r\n.lp-fcard p{ font-size:14px; color:var(--lp-ice); }\r\n.lp-fcard .icn{ width:44px; height:44px; border-radius:14px; display:grid; place-items:center;\r\n  background:linear-gradient(180deg,#3D6BFF,#1E3AE8); box-shadow:0 8px 20px rgba(61,107,255,.5); margin-top:18px; }\r\n.lp-fcard .icn svg{ width:20px; height:20px; stroke:#fff; }\r\n@media(max-width:960px){ .lp-features-grid{ grid-template-columns: repeat(2,1fr);} .lp-features .lp-bg-l,.lp-features .lp-bg-r{ display:none;} }\r\n@media(max-width:520px){ .lp-features-grid{ grid-template-columns: 1fr;} }\r\n\r\n\/* ---------- TOKENOMICS ---------- *\/\r\n.lp-tokeno{ text-align:center; }\r\n.lp-tokeno h2{ font-size:clamp(40px,5.5vw,72px); margin:16px 0 60px; }\r\n.lp-tokeno-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }\r\n.lp-tk{ padding:34px 24px; border-radius:var(--lp-radius-lg); position:relative;\r\n  background:linear-gradient(180deg, rgba(91,139,255,.2), rgba(10,20,71,.55));\r\n  border:1px solid rgba(184,208,255,.2);\r\n  backdrop-filter:blur(20px); overflow:hidden;\r\n}\r\n.lp-tk::before{ content:\"\"; position:absolute; inset:0; background:\r\n  radial-gradient(300px 200px at 50% -20%, rgba(91,139,255,.4), transparent 60%); opacity:.8; }\r\n.lp-tk .lp-tk-label{ position:relative; z-index:2; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--lp-ice); font-weight:600; }\r\n.lp-tk .lp-tk-value{ position:relative; z-index:2; font-family:'Sora',sans-serif; font-weight:800;\r\n  font-size:clamp(32px,3.6vw,48px); margin-top:14px;\r\n  background:linear-gradient(180deg,#fff,#5B8BFF); -webkit-background-clip:text; background-clip:text; color:transparent; }\r\n.lp-tk .lp-tk-sub{ position:relative; z-index:2; margin-top:8px; font-size:13px; color:var(--lp-ice); }\r\n@media(max-width:960px){ .lp-tokeno-grid{ grid-template-columns:repeat(2,1fr);} }\r\n@media(max-width:520px){ .lp-tokeno-grid{ grid-template-columns:1fr;} }\r\n\r\n\/* ---------- GACHA ---------- *\/\r\n.lp-gacha{ display:grid; grid-template-columns:1fr 1.05fr; gap:48px; align-items:center; }\r\n.lp-gacha h2{ font-size:clamp(40px,5.5vw,72px); margin:16px 0 20px; }\r\n.lp-gacha .desc{ color:var(--lp-ice); font-size:17px; margin-bottom:32px; max-width:520px; }\r\n.lp-tiers{ display:flex; flex-direction:column; gap:14px; }\r\n.lp-tier{ display:flex; align-items:center; gap:16px; padding:16px 20px; border-radius:16px;\r\n  background:rgba(10,20,71,.4); border:1px solid rgba(184,208,255,.18); }\r\n.lp-tier .lp-tier-ic{ width:44px; height:44px; border-radius:12px; display:grid; place-items:center; font-size:20px;\r\n  background:linear-gradient(180deg,#3D6BFF,#1E3AE8); box-shadow:0 6px 16px rgba(61,107,255,.4); }\r\n.lp-tier.ultra .lp-tier-ic{ background:linear-gradient(180deg,#9E7BFF,#5236E0);}\r\n.lp-tier.secret .lp-tier-ic{ background:linear-gradient(180deg,#FFD265,#FFB238); color:#3A2400;}\r\n.lp-tier .lp-tier-body{ flex:1; }\r\n.lp-tier .lp-tier-name{ font-weight:600; font-size:15px; }\r\n.lp-tier .lp-tier-rate{ font-size:12px; color:var(--lp-ice); letter-spacing:.06em; }\r\n.lp-tier .lp-tier-bar{ width:120px; height:6px; border-radius:99px; background:rgba(184,208,255,.15); overflow:hidden; }\r\n.lp-tier .lp-tier-bar span{ display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,#5B8BFF,#1E3AE8);}\r\n.lp-tier.ultra .lp-tier-bar span{ background:linear-gradient(90deg,#9E7BFF,#5236E0);}\r\n.lp-tier.secret .lp-tier-bar span{ background:linear-gradient(90deg,#FFD265,#FFB238);}\r\n\r\n\/* Gacha machine *\/\r\n.lp-machine{ position:relative; padding:28px; border-radius:32px;\r\n  background:linear-gradient(180deg, rgba(91,139,255,.28), rgba(10,20,71,.65));\r\n  border:1px solid rgba(184,208,255,.22);\r\n  box-shadow:var(--lp-shadow), inset 0 1px 0 rgba(255,255,255,.15);\r\n  backdrop-filter:blur(24px);\r\n  overflow:hidden;\r\n}\r\n.lp-machine::before{ content:\"\"; position:absolute; inset:0; background:\r\n  radial-gradient(400px 260px at 50% 0%, rgba(91,139,255,.45), transparent 60%); pointer-events:none;}\r\n.lp-machine-inner{ position:relative; z-index:2; }\r\n.lp-machine-top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }\r\n.lp-machine-top .lp-machine-title{ font-family:'Sora',sans-serif; font-weight:700; font-size:15px; letter-spacing:.08em; text-transform:uppercase; }\r\n.lp-machine-top .lp-machine-counter{ font-size:12px; color:var(--lp-ice); background:rgba(5,10,34,.5); padding:6px 12px; border-radius:999px; border:1px solid rgba(184,208,255,.15); }\r\n\r\n.lp-card-stage{ position:relative; aspect-ratio: 3\/4; max-height:460px; width:100%;\r\n  border-radius:22px; overflow:hidden;\r\n  background:\r\n   radial-gradient(circle at 50% 30%, rgba(91,139,255,.35), transparent 60%),\r\n   linear-gradient(180deg,#0A1447 0%, #050A22 100%);\r\n  border:1px solid rgba(184,208,255,.15);\r\n  display:grid; place-items:center;\r\n}\r\n.lp-card-stage .lp-card-holo{ position:absolute; inset:0; pointer-events:none; opacity:0; transition: opacity .5s;\r\n  background: conic-gradient(from 0deg, transparent, rgba(91,139,255,.35), transparent, rgba(255,210,101,.3), transparent);\r\n  mix-blend-mode:screen;\r\n}\r\n.lp-card-stage.revealed .lp-card-holo{ opacity:.9; }\r\n\r\n.lp-card{ position:relative; width:100%; max-width:280px; aspect-ratio:3\/4;\r\n  border-radius:18px; overflow:hidden; transform-style:preserve-3d;\r\n  transition: transform .8s cubic-bezier(.2,.9,.2,1);\r\n  box-shadow: 0 30px 60px rgba(0,10,60,.6), 0 0 0 1px rgba(184,208,255,.18) inset;\r\n  background:linear-gradient(140deg,#0A1447,#050A22);\r\n}\r\n.lp-card img{ width:100%; height:100%; object-fit:cover; display:block; }\r\n.lp-card.shuffling{ animation: lp-shuffle .12s linear infinite; }\r\n@keyframes lp-shuffle{\r\n  0%{ transform: translate(-4px,-2px) rotate(-2deg);}\r\n  25%{ transform: translate(3px,-4px) rotate(3deg);}\r\n  50%{ transform: translate(-2px,3px) rotate(-3deg);}\r\n  75%{ transform: translate(4px,2px) rotate(2deg);}\r\n  100%{ transform: translate(-4px,-2px) rotate(-2deg);}\r\n}\r\n.lp-card.reveal{ animation: lp-reveal .9s cubic-bezier(.2,.9,.2,1) both; }\r\n@keyframes lp-reveal{ 0%{ transform: scale(.4) rotate(-20deg); opacity:0; } 60%{ transform: scale(1.08) rotate(4deg); opacity:1; } 100%{ transform:scale(1) rotate(0);} }\r\n\r\n.lp-card-info{ position:absolute; left:0; right:0; bottom:0; padding:14px 16px;\r\n  background:linear-gradient(180deg, transparent, rgba(5,10,34,.9));\r\n  display:flex; justify-content:space-between; align-items:end; gap:10px; opacity:0; transition: opacity .5s .3s;}\r\n.lp-card-stage.revealed .lp-card-info{ opacity:1; }\r\n.lp-card-info .lp-card-rare{ font-size:10px; letter-spacing:.18em; text-transform:uppercase; padding:4px 10px; border-radius:999px;\r\n  background:rgba(91,139,255,.25); border:1px solid rgba(184,208,255,.3); }\r\n.lp-card-info .lp-card-rare.ultra{ background:rgba(158,123,255,.25); border-color:rgba(158,123,255,.4);}\r\n.lp-card-info .lp-card-rare.secret{ background:rgba(255,210,101,.25); border-color:rgba(255,210,101,.5); color:#FFE39A;}\r\n.lp-card-info .lp-card-id{ font-family:'Sora',monospace; font-size:11px; color:var(--lp-ice); }\r\n\r\n.lp-machine-btns{ display:flex; gap:10px; margin-top:20px; }\r\n.lp-machine-btns .lp-btn{ flex:1; justify-content:center; }\r\n.lp-status{ margin-top:14px; text-align:center; font-size:13px; color:var(--lp-ice); min-height:20px; }\r\n.lp-status b{ color:#fff; }\r\n.lp-status .r-common{ color:#B8D0FF;}\r\n.lp-status .r-ultra{ color:#C9B4FF;}\r\n.lp-status .r-secret{ color:#FFD265;}\r\n\r\n@media(max-width:960px){ .lp-gacha{ grid-template-columns:1fr; } }\r\n\r\n\/* ---------- ROADMAP ---------- *\/\r\n.lp-road{ text-align:center; }\r\n.lp-road h2{ font-size:clamp(40px,5.5vw,72px); margin:16px 0 60px; }\r\n.lp-road-timeline{ position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }\r\n.lp-road-timeline::before{ content:\"\"; position:absolute; left:6%; right:6%; top:60px; height:2px;\r\n  background:linear-gradient(90deg, transparent, rgba(184,208,255,.4), transparent); }\r\n.lp-phase{ position:relative; padding:32px 26px 28px; border-radius:var(--lp-radius-lg);\r\n  background:linear-gradient(180deg, rgba(91,139,255,.2), rgba(10,20,71,.55));\r\n  border:1px solid rgba(184,208,255,.2);\r\n  backdrop-filter:blur(20px);\r\n  opacity:0; transform:translateY(30px); transition: all .8s cubic-bezier(.2,.9,.2,1);\r\n}\r\n.lp-phase.visible{ opacity:1; transform:translateY(0); }\r\n.lp-phase .lp-phase-dot{ position:absolute; top:44px; left:50%; transform:translate(-50%,-50%);\r\n  width:36px; height:36px; border-radius:50%;\r\n  background:linear-gradient(180deg,#5B8BFF,#1E3AE8);\r\n  box-shadow:0 0 0 6px rgba(91,139,255,.25), 0 0 24px #5B8BFF;\r\n  display:grid; place-items:center; font-weight:700; font-family:'Sora'; font-size:13px;\r\n}\r\n.lp-phase h4{ margin-top:24px; font-size:20px; letter-spacing:.05em; }\r\n.lp-phase h4 span{ display:block; font-size:11px; font-weight:600; letter-spacing:.24em; color:var(--lp-ice); margin-bottom:8px;}\r\n.lp-phase ul{ list-style:none; margin-top:22px; text-align:left; }\r\n.lp-phase ul li{ padding:12px 0; border-bottom:1px solid rgba(184,208,255,.1); font-size:14px; color:var(--lp-white);\r\n  display:flex; align-items:center; gap:10px;\r\n  opacity:0; transform:translateX(-10px); transition: all .5s ease;\r\n}\r\n.lp-phase ul li:last-child{ border-bottom:0; }\r\n.lp-phase.visible ul li{ opacity:1; transform:translateX(0); }\r\n.lp-phase.visible ul li:nth-child(1){ transition-delay:.2s;}\r\n.lp-phase.visible ul li:nth-child(2){ transition-delay:.35s;}\r\n.lp-phase.visible ul li:nth-child(3){ transition-delay:.5s;}\r\n.lp-phase ul li::before{ content:\"\"; width:6px; height:6px; border-radius:50%; background:#5B8BFF; box-shadow:0 0 8px #5B8BFF; flex-shrink:0; }\r\n.lp-phase.done{ background:linear-gradient(180deg, rgba(255,210,101,.16), rgba(10,20,71,.55)); border-color:rgba(255,210,101,.35);}\r\n.lp-phase.done .lp-phase-dot{ background:linear-gradient(180deg,#FFD265,#FFB238); color:#3A2400; box-shadow:0 0 0 6px rgba(255,210,101,.25),0 0 24px #FFD265;}\r\n@media(max-width:960px){ .lp-road-timeline{ grid-template-columns:1fr;} .lp-road-timeline::before{ display:none;} }\r\n\r\n\/* ---------- CTA ---------- *\/\r\n.lp-cta{ display:grid; grid-template-columns:1.1fr 1fr; gap:40px; align-items:center; padding:60px 0; }\r\n.lp-cta h2{ font-size:clamp(40px,5.5vw,72px); margin:16px 0 18px; }\r\n.lp-cta p{ color:var(--lp-ice); font-size:17px; margin-bottom:28px; max-width:520px; }\r\n.lp-cta-btns{ display:flex; gap:12px; flex-wrap:wrap; }\r\n.lp-cta-img{ position:relative; text-align:center; }\r\n.lp-cta-img img{ width:min(100%, 480px); margin:0 auto;\r\n  filter: drop-shadow(0 40px 60px rgba(0,10,60,.7));\r\n  animation: lp-float2 5s ease-in-out infinite; }\r\n@keyframes lp-float2{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-20px);} }\r\n@media(max-width:960px){ .lp-cta{ grid-template-columns:1fr;} }\r\n\r\n\/* ---------- FOOTER ---------- *\/\r\n.lp-footer{ margin-top:60px; padding:40px 30px; border-radius:var(--lp-radius-lg);\r\n  background:linear-gradient(180deg, rgba(10,20,71,.55), rgba(5,10,34,.6));\r\n  border:1px solid rgba(184,208,255,.15);\r\n  backdrop-filter:blur(20px);\r\n}\r\n.lp-footer-top{ display:grid; grid-template-columns: 1.4fr 1fr 1fr; gap:32px; margin-bottom:32px; }\r\n.lp-footer-brand p{ margin-top:14px; font-size:14px; color:var(--lp-ice); max-width:340px;}\r\n.lp-footer h5{ font-family:'Sora'; font-size:12px; letter-spacing:.2em; text-transform:uppercase; margin-bottom:14px; color:var(--lp-ice); }\r\n.lp-footer ul{ list-style:none; display:flex; flex-direction:column; gap:10px; }\r\n.lp-footer ul li a{ font-size:14px; color:var(--lp-white); transition:color .2s; display:inline-flex; align-items:center; gap:8px;}\r\n.lp-footer ul li a:hover{ color:#5B8BFF; }\r\n.lp-footer-bot{ display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:24px;\r\n  border-top:1px solid rgba(184,208,255,.12); flex-wrap:wrap; }\r\n.lp-disclaimer{ font-size:12px; color:var(--lp-ice); max-width:760px; line-height:1.65; font-style:italic; }\r\n.lp-copy{ font-size:12px; color:var(--lp-ice); }\r\n@media(max-width:800px){ .lp-footer-top{ grid-template-columns:1fr;} }\r\n\r\n\/* ---------- MARQUEE ---------- *\/\r\n.lp-marquee{ \r\n  margin:40px calc(-50vw + 50%) 0; \r\n  padding:14px 0; \r\n  border-top:1px solid rgba(184,208,255,.12); \r\n  border-bottom:1px solid rgba(184,208,255,.12); \r\n  overflow:hidden; \r\n  position:relative; \r\n  width: 100vw;\r\n}\r\n.lp-marquee-track{ display:flex; gap:60px; white-space:nowrap; animation: lp-marq 30s linear infinite; }\r\n.lp-marquee-track span{ font-family:'Sora'; font-weight:700; font-size:18px; letter-spacing:.06em; color:var(--lp-ice); display:inline-flex; align-items:center; gap:60px; text-transform:uppercase; }\r\n.lp-marquee-track span::after{ content:\"\u25c6\"; color:#FFD265; }\r\n@keyframes lp-marq{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }\r\n\r\n<\/style>\r\n\r\n<div class=\"lp-root\">\r\n  <div class=\"lp-grain\"><\/div>\r\n  <div class=\"lp-wrap\">\r\n\r\n    <nav class=\"lp-nav lp-glass\">\r\n      <div class=\"lp-logo\">\r\n        <span>The Top Influencer<\/span>\r\n      <\/div>\r\n      <div class=\"lp-navlinks\">\r\n        <a href=\"#about\" class=\"active\">About<\/a>\r\n        <a href=\"#features\">Features<\/a>\r\n        <a href=\"#tokenomics\">Tokenomics<\/a>\r\n        <a href=\"#gacha\">Gacha<\/a>\r\n        <a href=\"#roadmap\">Roadmap<\/a>\r\n      <\/div>\r\n      <a href=\"#hero\" class=\"lp-cta-swap\">\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 10h14M7 10l4-4M7 10l4 4M17 14H3M17 14l-4-4M17 14l-4 4\"\/><\/svg>\r\n        Swap for $LojakPaul\r\n      <\/a>\r\n    <\/nav>\r\n\r\n    <section id=\"hero\" class=\"lp-section\" style=\"padding-top:20px;\">\r\n      <div class=\"lp-hero\">\r\n        <div class=\"lp-hero-left\">\r\n          <div class=\"lp-eyebrow lp-hero-tag\"><span class=\"dot\"><\/span> Solana Network \/\/ The Ultimate Hype Machine<\/div>\r\n          <h1 class=\"lp-hero-title\">$Lojak<em>Paul<\/em><\/h1>\r\n          <p class=\"lp-hero-sub\">From shiny cardboard to digital gold. The Top Influencer is here to crash the market and pump the chart. Let the ultimate unboxing begin!<\/p>\r\n          <div class=\"lp-hero-btns\">\r\n            <a class=\"lp-btn lp-btn-ghost\" href=\"#\" target=\"_blank\" rel=\"noopener\" data-social=\"twitter\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.244 2H21l-6.548 7.49L22 22h-6.79l-4.79-6.26L4.8 22H2l7.02-8.03L2 2h6.9l4.33 5.72L18.244 2Zm-2.38 18h1.6L8.19 4H6.48l9.383 16Z\"\/><\/svg>\r\n              Twitter\r\n            <\/a>\r\n            <a class=\"lp-btn lp-btn-ghost\" href=\"#\" target=\"_blank\" rel=\"noopener\" data-social=\"telegram\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M21.94 4.35 18.6 20.13c-.25 1.11-.9 1.38-1.83.86l-5.05-3.72-2.44 2.35c-.27.27-.5.5-1.03.5l.37-5.2 9.44-8.53c.41-.36-.09-.56-.63-.2L6.72 12.9 1.7 11.34c-1.1-.34-1.11-1.1.23-1.62L20.53 2.9c.92-.34 1.73.22 1.41 1.45Z\"\/><\/svg>\r\n              Telegram\r\n            <\/a>\r\n            <a class=\"lp-btn lp-btn-ghost\" href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 3v18h18\"\/><path d=\"M7 15l4-4 3 3 6-7\"\/><\/svg>\r\n              Live Chart\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lp-hero-right\">\r\n          <div class=\"lp-hero-card\">\r\n            <div class=\"lp-hero-video\">\r\n              <div class=\"lp-live\"><span class=\"pulse\"><\/span> Live \/\/ Unboxing<\/div>\r\n              <video src=\"https:\/\/thetopinfluencer.xyz\/wp-content\/uploads\/2026\/07\/LOJAKPAUL-BG1.mp4\" autoplay muted loop playsinline><\/video>\r\n            <\/div>\r\n            <div class=\"lp-ca\">\r\n              <span class=\"lp-ca-label\">CA<\/span>\r\n              <code id=\"lp-ca-value\">LojakPaul1111111111111111111111111111111111<\/code>\r\n              <button id=\"lp-copy-ca\" type=\"button\">\r\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg>\r\n                Copy\r\n              <\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"lp-marquee\">\r\n        <div class=\"lp-marquee-track\">\r\n          <span>Golden Cardboard<\/span><span>Holo Vision<\/span><span>Ring Effect<\/span><span>PSA 10 Mindset<\/span><span>Unbox Daily<\/span><span>Solana Certified<\/span>\r\n          <span>Golden Cardboard<\/span><span>Holo Vision<\/span><span>Ring Effect<\/span><span>PSA 10 Mindset<\/span><span>Unbox Daily<\/span><span>Solana Certified<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"about\" class=\"lp-section\">\r\n      <div style=\"text-align:center; margin-bottom:48px;\">\r\n        <div class=\"lp-eyebrow\"><span class=\"dot\"><\/span> About \/ Narrative<\/div>\r\n        <h2 style=\"font-size:clamp(40px,5.5vw,72px); margin-top:16px;\">The Legend of the <span style=\"background:linear-gradient(180deg,#FFD265,#FFB238);-webkit-background-clip:text;background-clip:text;color:transparent;\">Golden Cardboard<\/span><\/h2>\r\n      <\/div>\r\n      <div class=\"lp-about\">\r\n        <div class=\"lp-about-img\">\r\n          <span class=\"lp-badge\">\u25c6 Origin Card<\/span>\r\n          <img decoding=\"async\" src=\"https:\/\/thetopinfluencer.xyz\/wp-content\/uploads\/2026\/07\/Asset-3.png\" alt=\"The Top Influencer\"\/>\r\n        <\/div>\r\n        <div class=\"lp-about-col\">\r\n          <div class=\"lp-about-card\">\r\n            <h3>We don't sell utility. <br\/>We print absolute hype.<\/h3>\r\n            <p>It started with a dusty booster pack in a basement. Then came The Top Influencer. He hung a multi-million dollar Charizard around his neck, stepped directly into the boxing ring, and hypnotized the internet.<\/p>\r\n          <\/div>\r\n          <div class=\"lp-about-card\">\r\n            <h3>A tribute to <br\/>artificial scarcity.<\/h3>\r\n            <p>If one man can make a piece of shiny paper worth millions by just yelling at a camera, imagine what an entire decentralized community can do to a chart. <strong>$LojakPaul<\/strong> is a tribute to the undisputed king of artificial scarcity.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"features\" class=\"lp-section lp-features\">\r\n      <img decoding=\"async\" class=\"lp-bg-l\" src=\"https:\/\/thetopinfluencer.xyz\/wp-content\/uploads\/2026\/07\/Asset-9.png\" alt=\"\"\/>\r\n      <img decoding=\"async\" class=\"lp-bg-r\" src=\"https:\/\/thetopinfluencer.xyz\/wp-content\/uploads\/2026\/07\/Asset-9.png\" alt=\"\"\/>\r\n      <div class=\"lp-features-head\">\r\n        <div class=\"lp-eyebrow\"><span class=\"dot\"><\/span> Core Features<\/div>\r\n        <h2>The Pillars <br\/>of Hype<\/h2>\r\n        <p>Four irrefutable laws of shiny cardboard economics \u2014 engineered to shake the chart.<\/p>\r\n      <\/div>\r\n      <div class=\"lp-features-grid\">\r\n        <div class=\"lp-fcard\">\r\n          <span class=\"num\">01 \/ HOLO<\/span>\r\n          <h4>Holo Vision<\/h4>\r\n          <p>Who cares about tech? Our value comes purely from being shiny, loud, and scarce.<\/p>\r\n          <div class=\"icn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l3 6 6 1-4.5 4.5L18 20l-6-3-6 3 1.5-6.5L3 9l6-1z\"\/><\/svg><\/div>\r\n        <\/div>\r\n        <div class=\"lp-fcard\">\r\n          <span class=\"num\">02 \/ RING<\/span>\r\n          <h4>Ring Effect<\/h4>\r\n          <p>We don't hide behind charts. We take this token straight to the mainstream spotlight.<\/p>\r\n          <div class=\"icn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 3v18M3 12h18\"\/><\/svg><\/div>\r\n        <\/div>\r\n        <div class=\"lp-fcard\">\r\n          <span class=\"num\">03 \/ PSA 10<\/span>\r\n          <h4>PSA 10 Mindset<\/h4>\r\n          <p>Flawless community execution. Sealed, protected, and diamond-handed.<\/p>\r\n          <div class=\"icn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2L4 6v6c0 5 3.5 9 8 10 4.5-1 8-5 8-10V6l-8-4z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/div>\r\n        <\/div>\r\n        <div class=\"lp-fcard\">\r\n          <span class=\"num\">04 \/ UNBOX<\/span>\r\n          <h4>Unbox Daily<\/h4>\r\n          <p>Every milestone is a new pack opening. High adrenaline, continuous shockwaves.<\/p>\r\n          <div class=\"icn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 8l-9-5-9 5 9 5 9-5z\"\/><path d=\"M3 8v8l9 5 9-5V8\"\/><\/svg><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"tokenomics\" class=\"lp-section lp-tokeno\">\r\n      <div class=\"lp-eyebrow\"><span class=\"dot\"><\/span> Tokenomics<\/div>\r\n      <h2>Pack Specifications<\/h2>\r\n      <div class=\"lp-tokeno-grid\">\r\n        <div class=\"lp-tk\">\r\n          <div class=\"lp-tk-label\">Total Supply<\/div>\r\n          <div class=\"lp-tk-value\" data-counter=\"1000000000\">1 Billion<\/div>\r\n          <div class=\"lp-tk-sub\">1 Billion $LojakPaul<\/div>\r\n        <\/div>\r\n        <div class=\"lp-tk\">\r\n          <div class=\"lp-tk-label\">Buy \/ Sell Tax<\/div>\r\n          <div class=\"lp-tk-value\">0% \/ 0%<\/div>\r\n          <div class=\"lp-tk-sub\">Zero fees. Pure hype.<\/div>\r\n        <\/div>\r\n        <div class=\"lp-tk\">\r\n          <div class=\"lp-tk-label\">Liquidity Pool<\/div>\r\n          <div class=\"lp-tk-value\">100%<\/div>\r\n          <div class=\"lp-tk-sub\">Burned & Locked forever<\/div>\r\n        <\/div>\r\n        <div class=\"lp-tk\">\r\n          <div class=\"lp-tk-label\">Contract<\/div>\r\n          <div class=\"lp-tk-value\">Revoked<\/div>\r\n          <div class=\"lp-tk-sub\">Mint authority disabled<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"gacha\" class=\"lp-section lp-gacha\">\r\n      <div class=\"lp-gacha-left\">\r\n        <div class=\"lp-eyebrow\"><span class=\"dot\"><\/span> Interactive Card Showcase<\/div>\r\n        <h2>$LojakPaul <br\/><span style=\"background:linear-gradient(180deg,#FFD265,#FFB238);-webkit-background-clip:text;background-clip:text;color:transparent;\">Rarity Tiers<\/span><\/h2>\r\n        <p class=\"desc\">What card will your wallet pull today? Collect the community badges and prove your PSA 10 mindset.<\/p>\r\n        <div class=\"lp-tiers\">\r\n          <div class=\"lp-tier\">\r\n            <div class=\"lp-tier-ic\">\ud83c\udccf<\/div>\r\n            <div class=\"lp-tier-body\">\r\n              <div class=\"lp-tier-name\">COMMON \u2014 The Paper Hand<\/div>\r\n              <div class=\"lp-tier-rate\">Drop Rate 70%<\/div>\r\n            <\/div>\r\n            <div class=\"lp-tier-bar\"><span style=\"width:70%;\"><\/span><\/div>\r\n          <\/div>\r\n          <div class=\"lp-tier ultra\">\r\n            <div class=\"lp-tier-ic\">\ud83e\udd4a<\/div>\r\n            <div class=\"lp-tier-body\">\r\n              <div class=\"lp-tier-name\">ULTRA RARE \u2014 The Ring Fighter<\/div>\r\n              <div class=\"lp-tier-rate\">Drop Rate 25%<\/div>\r\n            <\/div>\r\n            <div class=\"lp-tier-bar\"><span style=\"width:25%;\"><\/span><\/div>\r\n          <\/div>\r\n          <div class=\"lp-tier secret\">\r\n            <div class=\"lp-tier-ic\">\ud83d\udc51<\/div>\r\n            <div class=\"lp-tier-body\">\r\n              <div class=\"lp-tier-name\">SECRET RARE \u2014 PSA 10 Whale<\/div>\r\n              <div class=\"lp-tier-rate\">Drop Rate 5%<\/div>\r\n            <\/div>\r\n            <div class=\"lp-tier-bar\"><span style=\"width:5%;\"><\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"lp-machine\">\r\n        <div class=\"lp-machine-inner\">\r\n          <div class=\"lp-machine-top\">\r\n            <div class=\"lp-machine-title\">\u25c6 Booster Pack Machine<\/div>\r\n            <div class=\"lp-machine-counter\"><span id=\"lp-pull-count\">0<\/span> pulls<\/div>\r\n          <\/div>\r\n          <div class=\"lp-card-stage\" id=\"lp-stage\">\r\n            <div class=\"lp-card-holo\"><\/div>\r\n            <div class=\"lp-card\" id=\"lp-card\">\r\n              <img decoding=\"async\" id=\"lp-card-img\" src=\"https:\/\/thetopinfluencer.xyz\/wp-content\/uploads\/2026\/07\/Asset-12.png\" alt=\"Mystery Card\"\/>\r\n              <div class=\"lp-card-info\">\r\n                <span class=\"lp-card-rare\" id=\"lp-card-rare\">Mystery<\/span>\r\n                <span class=\"lp-card-id\" id=\"lp-card-id\">#00000<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"lp-status\" id=\"lp-status\">Press <b>Open Booster Pack<\/b> to reveal your card.<\/div>\r\n          <div class=\"lp-machine-btns\">\r\n            <button class=\"lp-btn lp-btn-primary\" id=\"lp-open-btn\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 8l-9-5-9 5 9 5 9-5z\"\/><path d=\"M3 8v8l9 5 9-5V8\"\/><\/svg>\r\n              Open Booster Pack\r\n            <\/button>\r\n            <button class=\"lp-btn lp-btn-ghost\" id=\"lp-reset-btn\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12a9 9 0 1 0 3-6.7L3 8\"\/><path d=\"M3 3v5h5\"\/><\/svg>\r\n              Reset\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"roadmap\" class=\"lp-section lp-road\">\r\n      <div class=\"lp-eyebrow\"><span class=\"dot\"><\/span> Strategic Timeline<\/div>\r\n      <h2>The Booster Journey<\/h2>\r\n      <div class=\"lp-road-timeline\">\r\n        <div class=\"lp-phase done\" data-phase=\"1\">\r\n          <div class=\"lp-phase-dot\">01<\/div>\r\n          <h4><span>Phase 01<\/span>The First Break<\/h4>\r\n          <ul>\r\n            <li>Fair Launch on Solana<\/li>\r\n            <li>Community Meme Raids<\/li>\r\n            <li>DexTools Trending Spike<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"lp-phase\" data-phase=\"2\">\r\n          <div class=\"lp-phase-dot\">02<\/div>\r\n          <h4><span>Phase 02<\/span>The Main Event<\/h4>\r\n          <ul>\r\n            <li>Influencer Box Breaks<\/li>\r\n            <li>CoinGecko \/ CMC Listings<\/li>\r\n            <li>Viral Boxing Match Ads<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"lp-phase\" data-phase=\"3\">\r\n          <div class=\"lp-phase-dot\">03<\/div>\r\n          <h4><span>Phase 03<\/span>PSA 10 Domination<\/h4>\r\n          <ul>\r\n            <li>Tier-1 CEX Listings<\/li>\r\n            <li>Real Cardboard Merch<\/li>\r\n            <li>Flip the Entire Meme Space<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"lp-section lp-cta\">\r\n      <div class=\"lp-cta-left\">\r\n        <div class=\"lp-eyebrow\"><span class=\"dot\"><\/span> Join The Movement<\/div>\r\n        <h2>Join The <br\/>Ultimate Pack<\/h2>\r\n        <p>Don't get left holding regular cardboard. Join the community now and ride the biggest hype wave on Solana.<\/p>\r\n        <div class=\"lp-cta-btns\">\r\n          <a class=\"lp-btn lp-btn-primary\" href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M21.94 4.35 18.6 20.13c-.25 1.11-.9 1.38-1.83.86l-5.05-3.72-2.44 2.35c-.27.27-.5.5-1.03.5l.37-5.2 9.44-8.53c.41-.36-.09-.56-.63-.2L6.72 12.9 1.7 11.34c-1.1-.34-1.11-1.1.23-1.62L20.53 2.9c.92-.34 1.73.22 1.41 1.45Z\"\/><\/svg>\r\n            Join Telegram\r\n          <\/a>\r\n          <a class=\"lp-btn lp-btn-ghost\" href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.244 2H21l-6.548 7.49L22 22h-6.79l-4.79-6.26L4.8 22H2l7.02-8.03L2 2h6.9l4.33 5.72L18.244 2Zm-2.38 18h1.6L8.19 4H6.48l9.383 16Z\"\/><\/svg>\r\n            Follow on X\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"lp-cta-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/thetopinfluencer.xyz\/wp-content\/uploads\/2026\/07\/Asset-11.png\" alt=\"$LojakPaul mascot\"\/>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <footer class=\"lp-footer\">\r\n      <div class=\"lp-footer-top\">\r\n        <div class=\"lp-footer-brand\">\r\n          <div class=\"lp-logo\">\r\n            <span>The Top Influencer<\/span>\r\n          <\/div>\r\n          <p>$LojakPaul \u2014 the ultimate tribute to shiny cardboard, absolute hype, and the loudest chart on Solana.<\/p>\r\n        <\/div>\r\n        <div>\r\n          <h5>Navigate<\/h5>\r\n          <ul>\r\n            <li><a href=\"#about\">About<\/a><\/li>\r\n            <li><a href=\"#features\">Features<\/a><\/li>\r\n            <li><a href=\"#tokenomics\">Tokenomics<\/a><\/li>\r\n            <li><a href=\"#roadmap\">Roadmap<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div>\r\n          <h5>Community<\/h5>\r\n          <ul>\r\n            <li><a href=\"#\" target=\"_blank\" rel=\"noopener\">Twitter \/ X<\/a><\/li>\r\n            <li><a href=\"#\" target=\"_blank\" rel=\"noopener\">Telegram<\/a><\/li>\r\n            <li><a href=\"#\" target=\"_blank\" rel=\"noopener\">DexScreener<\/a><\/li>\r\n            <li><a href=\"#\" target=\"_blank\" rel=\"noopener\">CoinGecko<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"lp-footer-bot\">\r\n        <p class=\"lp-disclaimer\"><strong>Disclaimer:<\/strong> $LojakPaul is a memecoin created purely for entertainment and satirical purposes inspired by internet culture. It has zero intrinsic value or expectation of financial return. Invest at your own risk.<\/p>\r\n        <p class=\"lp-copy\">\u00a9 2026 The Top Influencer. All shiny rights reserved.<\/p>\r\n      <\/div>\r\n    <\/footer>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  \/\/ ---------- COPY CA ----------\r\n  var copyBtn = document.getElementById('lp-copy-ca');\r\n  var caValue = document.getElementById('lp-ca-value');\r\n  if(copyBtn && caValue){\r\n    copyBtn.addEventListener('click', function(){\r\n      var text = caValue.textContent.trim();\r\n      var done = function(){\r\n        var original = copyBtn.innerHTML;\r\n        copyBtn.classList.add('copied');\r\n        copyBtn.innerHTML = '<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg> Copied!';\r\n        setTimeout(function(){ copyBtn.classList.remove('copied'); copyBtn.innerHTML = original; }, 1800);\r\n      };\r\n      if(navigator.clipboard && navigator.clipboard.writeText){\r\n        navigator.clipboard.writeText(text).then(done).catch(function(){ fallback(); });\r\n      } else { fallback(); }\r\n      function fallback(){\r\n        var ta = document.createElement('textarea'); ta.value = text; document.body.appendChild(ta);\r\n        ta.select(); try{ document.execCommand('copy'); }catch(e){} document.body.removeChild(ta); done();\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ ---------- SMOOTH NAV & SCROLL SPY ----------\r\n  var navLinks = document.querySelectorAll('.lp-navlinks a');\r\n  var sectionsId = ['about','features','tokenomics','gacha','roadmap'];\r\n  var navMap = {};\r\n\r\n  \/\/ Update Klik Navigasi biar nggak ketutup Header\r\n  navLinks.forEach(function(a){\r\n    var href = a.getAttribute('href');\r\n    if(href && href.startsWith('#') && href.length > 1){\r\n      navMap[href.substring(1)] = a;\r\n      a.addEventListener('click', function(e){\r\n        e.preventDefault();\r\n        var targetId = href.substring(1);\r\n        var el = document.getElementById(targetId);\r\n        if(el){\r\n          var nav = document.querySelector('.lp-nav');\r\n          var navHeight = nav ? nav.offsetHeight : 0;\r\n          \/\/ Kalkulasi offset biar pas\r\n          var offset = el.getBoundingClientRect().top + window.scrollY - navHeight - 30;\r\n          window.scrollTo({ top: offset, behavior: 'smooth' });\r\n        }\r\n      });\r\n    }\r\n  });\r\n\r\n  \/\/ Update Scroll Spy biar akurat di Elementor\r\n  window.addEventListener('scroll', function(){\r\n    var current = '';\r\n    sectionsId.forEach(function(id){\r\n      var el = document.getElementById(id);\r\n      if(el){\r\n        var rect = el.getBoundingClientRect();\r\n        \/\/ Kalau elemen udah nyentuh margin atas viewport\r\n        if(rect.top <= 150){\r\n          current = id;\r\n        }\r\n      }\r\n    });\r\n    if(current && navMap[current]){\r\n      Object.keys(navMap).forEach(function(k){ navMap[k].classList.remove('active'); });\r\n      navMap[current].classList.add('active');\r\n    }\r\n  }, { passive:true });\r\n\r\n  \/\/ ---------- ROADMAP REVEAL ----------\r\n  var phases = document.querySelectorAll('.lp-phase');\r\n  if('IntersectionObserver' in window){\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(ent){\r\n        if(ent.isIntersecting){\r\n          var delay = parseInt(ent.target.getAttribute('data-phase'),10) * 150;\r\n          setTimeout(function(){ ent.target.classList.add('visible'); }, delay);\r\n          io.unobserve(ent.target);\r\n        }\r\n      });\r\n    },{ threshold:.2 });\r\n    phases.forEach(function(p){ io.observe(p); });\r\n  } else {\r\n    phases.forEach(function(p){ p.classList.add('visible'); });\r\n  }\r\n\r\n  \/\/ ---------- GACHA ----------\r\n  var CARDS = {\r\n    common: [\r\n      'https:\/\/thetopinfluencer.xyz\/wp-content\/uploads\/2026\/07\/Asset-12.png',\r\n      'https:\/\/thetopinfluencer.xyz\/wp-content\/uploads\/2026\/07\/Asset-13.png',\r\n      'https:\/\/thetopinfluencer.xyz\/wp-content\/uploads\/2026\/07\/Asset-14.png',\r\n      'https:\/\/thetopinfluencer.xyz\/wp-content\/uploads\/2026\/07\/Asset-15.png',\r\n      'https:\/\/thetopinfluencer.xyz\/wp-content\/uploads\/2026\/07\/Asset-16.png',\r\n      'https:\/\/thetopinfluencer.xyz\/wp-content\/uploads\/2026\/07\/Asset-17.png',\r\n      'https:\/\/thetopinfluencer.xyz\/wp-content\/uploads\/2026\/07\/Asset-18.png'\r\n    ],\r\n    ultra: [\r\n      'https:\/\/thetopinfluencer.xyz\/wp-content\/uploads\/2026\/07\/Asset-19.png',\r\n      'https:\/\/thetopinfluencer.xyz\/wp-content\/uploads\/2026\/07\/Asset-20.png',\r\n      'https:\/\/thetopinfluencer.xyz\/wp-content\/uploads\/2026\/07\/Asset-21.png',\r\n      'https:\/\/thetopinfluencer.xyz\/wp-content\/uploads\/2026\/07\/Asset-22.png',\r\n      'https:\/\/thetopinfluencer.xyz\/wp-content\/uploads\/2026\/07\/Asset-23.png'\r\n    ],\r\n    secret: [\r\n      'https:\/\/thetopinfluencer.xyz\/wp-content\/uploads\/2026\/07\/Asset-24.png',\r\n      'https:\/\/thetopinfluencer.xyz\/wp-content\/uploads\/2026\/07\/Asset-25.png'\r\n    ]\r\n  };\r\n  \/\/ preload\r\n  Object.keys(CARDS).forEach(function(k){ CARDS[k].forEach(function(src){ var i=new Image(); i.src=src; }); });\r\n\r\n  var openBtn = document.getElementById('lp-open-btn');\r\n  var resetBtn = document.getElementById('lp-reset-btn');\r\n  var stage = document.getElementById('lp-stage');\r\n  var cardEl = document.getElementById('lp-card');\r\n  var imgEl = document.getElementById('lp-card-img');\r\n  var rareEl = document.getElementById('lp-card-rare');\r\n  var idEl = document.getElementById('lp-card-id');\r\n  var statusEl = document.getElementById('lp-status');\r\n  var counterEl = document.getElementById('lp-pull-count');\r\n  var pulls = 0;\r\n  var rolling = false;\r\n\r\n  function roll(){\r\n    var r = Math.random() * 100;\r\n    if(r < 70) return 'common';\r\n    if(r < 95) return 'ultra';\r\n    return 'secret';\r\n  }\r\n  function pick(arr){ return arr[Math.floor(Math.random()*arr.length)]; }\r\n  function pad(n){ return String(n).padStart(5,'0'); }\r\n\r\n  function openPack(){\r\n    if(rolling) return;\r\n    rolling = true;\r\n    stage.classList.remove('revealed');\r\n    cardEl.classList.remove('reveal');\r\n    cardEl.classList.add('shuffling');\r\n    statusEl.innerHTML = 'Shuffling booster pack\u2026';\r\n\r\n    \/\/ fast image cycle\r\n    var cycle = 0;\r\n    var maxCycles = 22;\r\n    var interval = setInterval(function(){\r\n      var all = CARDS.common.concat(CARDS.ultra, CARDS.secret);\r\n      imgEl.src = pick(all);\r\n      cycle++;\r\n      if(cycle >= maxCycles){\r\n        clearInterval(interval);\r\n        var tier = roll();\r\n        var finalSrc = pick(CARDS[tier]);\r\n        imgEl.src = finalSrc;\r\n        cardEl.classList.remove('shuffling');\r\n        cardEl.classList.add('reveal');\r\n        stage.classList.add('revealed');\r\n\r\n        var rareLabel, rareCls, msg;\r\n        if(tier === 'common'){ rareLabel = 'Common'; rareCls=''; msg='<span class=\"r-common\">COMMON<\/span> \u2014 The Paper Hand pulled.'; }\r\n        if(tier === 'ultra'){ rareLabel = 'Ultra Rare'; rareCls='ultra'; msg='<span class=\"r-ultra\">ULTRA RARE<\/span> \u2014 Ring Fighter secured!'; }\r\n        if(tier === 'secret'){ rareLabel = 'Secret Rare'; rareCls='secret'; msg='<span class=\"r-secret\">SECRET RARE<\/span> \u2014 PSA 10 Whale! Diamond hands.'; }\r\n        rareEl.className = 'lp-card-rare ' + rareCls;\r\n        rareEl.textContent = rareLabel;\r\n        pulls++;\r\n        counterEl.textContent = pulls;\r\n        idEl.textContent = '#' + pad(Math.floor(Math.random()*99999));\r\n        statusEl.innerHTML = msg;\r\n        rolling = false;\r\n      }\r\n    }, 70);\r\n  }\r\n\r\n  function resetPack(){\r\n    if(rolling) return;\r\n    stage.classList.remove('revealed');\r\n    cardEl.classList.remove('reveal');\r\n    imgEl.src = CARDS.common[0];\r\n    rareEl.className = 'lp-card-rare'; rareEl.textContent = 'Mystery';\r\n    idEl.textContent = '#00000';\r\n    statusEl.innerHTML = 'Press <b>Open Booster Pack<\/b> to reveal your card.';\r\n  }\r\n\r\n  if(openBtn) openBtn.addEventListener('click', openPack);\r\n  if(resetBtn) resetBtn.addEventListener('click', resetPack);\r\n\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The Top Influencer About Features Tokenomics Gacha Roadmap Swap for $LojakPaul Solana Network \/\/ The Ultimate Hype Machine $LojakPaul From shiny cardboard to digital gold. The Top Influencer is here to crash the market and pump the chart. Let the ultimate unboxing begin! Twitter Telegram Live Chart Live \/\/ Unboxing CA LojakPaul1111111111111111111111111111111111 Copy Golden CardboardHolo [&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:\/\/thetopinfluencer.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thetopinfluencer.xyz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thetopinfluencer.xyz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thetopinfluencer.xyz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thetopinfluencer.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":28,"href":"https:\/\/thetopinfluencer.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":61,"href":"https:\/\/thetopinfluencer.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/61"}],"wp:attachment":[{"href":"https:\/\/thetopinfluencer.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}