{"id":8,"date":"2026-08-06T02:33:14","date_gmt":"2026-08-06T02:33:14","guid":{"rendered":"https:\/\/moleysol.fun\/?page_id=8"},"modified":"2026-08-06T03:59:33","modified_gmt":"2026-08-06T03:59:33","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/moleysol.fun\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60374a3 e-con-full e-flex e-con e-parent\" data-id=\"60374a3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87706e9 elementor-widget elementor-widget-html\" data-id=\"87706e9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ====== MOLEY \u2014 premium single-block Elementor HTML (vFINAL - WITH FAQ & ROCKETS) ====== -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jua&display=swap\" rel=\"stylesheet\">\r\n<div class=\"moley-root\" id=\"moleyRoot\">\r\n  <style>\r\n  .moley-root *,.moley-root *::before,.moley-root *::after{box-sizing:border-box}\r\n  .moley-root{\r\n    --ink:#222;\r\n    --cream:#fffaf2;\r\n    --pink:#ff9ec4;\r\n    --peach:#ffb98a;\r\n    --sun:#ffd36e;\r\n    --mint:#8fe3c2;\r\n    --sky:#8fc7ff;\r\n    --lilac:#c9b6ff;\r\n    --r-xl:0px; --r-lg:38px; --r-md:28px;\r\n    --soft:0 14px 34px rgba(90,70,120,.10);\r\n    --soft2:0 26px 64px rgba(90,70,120,.18);\r\n    --soft3:0 40px 90px rgba(90,70,120,.24);\r\n    font-family:'Jua',system-ui,-apple-system,sans-serif;\r\n    color:var(--ink);background:transparent;width:100%;overflow-x:clip;\r\n    line-height:1.6;-webkit-font-smoothing:antialiased;letter-spacing:.2px;\r\n  }\r\n  html{scroll-behavior:smooth}\r\n  .moley-root img{max-width:100%;display:block}\r\n  .ml-wrap{max-width:1200px;margin:0 auto;padding:0 24px;width:100%;position:relative;z-index:2}\r\n\r\n  \/* ============ shared bits ============ *\/\r\n  .ml-badge{display:inline-flex;align-items:center;gap:9px;padding:9px 20px;border-radius:99px;\r\n    background:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\r\n    box-shadow:var(--soft),inset 0 0 0 1px rgba(255,255,255,.85);font-size:15px;margin-bottom:18px}\r\n  .ml-badge i{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(143,227,194,.32);animation:mlPulse 2s infinite}\r\n  @keyframes mlPulse{0%,100%{box-shadow:0 0 0 4px rgba(143,227,194,.35)}50%{box-shadow:0 0 0 10px rgba(143,227,194,0)}}\r\n  .ml-h2{font-size:clamp(34px,5.2vw,62px);line-height:1.12;margin:0 0 16px;letter-spacing:.4px}\r\n  .ml-grad{background:linear-gradient(100deg,#ff8fb8,#ffb27a 45%,#8fd7ff);-webkit-background-clip:text;background-clip:text;color:transparent}\r\n  .ml-lead{font-size:clamp(16px,1.4vw,19.5px);opacity:.82;max-width:640px}\r\n\r\n  .ml-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;\r\n    font-family:inherit;font-size:18px;color:var(--ink);text-decoration:none;border:0;cursor:pointer;\r\n    padding:16px 34px;border-radius:99px;background:#fff;box-shadow:var(--soft2),inset 0 -3px 0 rgba(0,0,0,.05);\r\n    transition:transform .3s cubic-bezier(.2,.9,.3,1.6),box-shadow .3s,background .3s,filter .3s;overflow:hidden;white-space:nowrap}\r\n  .ml-btn::after{content:\"\";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.85) 45%,transparent 70%);\r\n    transform:translateX(-120%);transition:transform .7s ease}\r\n  .ml-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:var(--soft3)}\r\n  .ml-btn:hover::after{transform:translateX(120%)}\r\n  .ml-btn:active{transform:translateY(-1px) scale(.99)}\r\n  .ml-btn.grad{background:linear-gradient(135deg,var(--sun),var(--pink))}\r\n  .ml-btn.mint{background:linear-gradient(135deg,#a9f0d5,var(--sky))}\r\n  .ml-btn.big{font-size:21px;padding:20px 46px}\r\n\r\n  \/* ============ NAV ============ *\/\r\n  .ml-nav{position:sticky;top:0;z-index:9999;transition:background .4s,box-shadow .4s,padding .4s;padding:0px 0}\r\n  .ml-nav.scrolled{background:rgba(255,255,255,1);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);\r\n    box-shadow:0 10px 34px rgba(90,70,120,.12);padding:2px 0}\r\n  .ml-nav-in{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1200px;margin:0 auto;padding:12px 24px}\r\n  .ml-logo img{height:55px;width:auto;transition:transform .35s cubic-bezier(.2,.9,.3,1.6)}\r\n  .ml-logo:hover img{transform:rotate(-4deg) scale(1.06)}\r\n  .ml-navlinks{display:flex;gap:8px;align-items:center}\r\n  .ml-navlinks a{position:relative;color:var(--ink);text-decoration:none;font-size:17px;padding:10px 18px;border-radius:99px;transition:.3s;opacity:.8}\r\n  .ml-navlinks a:hover{opacity:1;background:rgba(255,255,255,.75);box-shadow:var(--soft);transform:translateY(-2px)}\r\n  .ml-burger{width:56px;height:56px;flex:0 0 auto;border:0;border-radius:20px;background:#fff;box-shadow:var(--soft2);\r\n    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;\r\n    transition:transform .3s cubic-bezier(.2,.9,.3,1.6),box-shadow .3s}\r\n  .ml-burger:hover{transform:translateY(-3px) rotate(-4deg) scale(1.06);box-shadow:var(--soft3)}\r\n  .ml-burger span{width:24px;height:3px;border-radius:99px;background:var(--ink);transition:.35s cubic-bezier(.2,.9,.3,1.4)}\r\n  .ml-burger.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}\r\n  .ml-burger.open span:nth-child(2){opacity:0;transform:scaleX(.2)}\r\n  .ml-burger.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}\r\n  .ml-menu{position:absolute;right:24px;top:86px;display:flex;flex-direction:column;gap:12px;padding:18px;\r\n    background:rgba(255,255,255,.72);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);\r\n    border-radius:32px;box-shadow:var(--soft3),inset 0 0 0 1px rgba(255,255,255,.8);min-width:230px;\r\n    opacity:0;transform:translateY(-16px) scale(.94);pointer-events:none;transition:.4s cubic-bezier(.2,.9,.3,1.4)}\r\n  .ml-menu.open{opacity:1;transform:none;pointer-events:auto}\r\n  .ml-menu .ml-btn{width:100%;font-size:17px;padding:14px 26px}\r\n  .ml-menu .ml-btn{opacity:0;transform:translateY(-10px);transition:opacity .4s,transform .4s cubic-bezier(.2,.9,.3,1.5)}\r\n  .ml-menu.open .ml-btn{opacity:1;transform:none}\r\n  .ml-menu.open .ml-btn:nth-child(1){transition-delay:.06s}\r\n  .ml-menu.open .ml-btn:nth-child(2){transition-delay:.12s}\r\n  .ml-menu.open .ml-btn:nth-child(3){transition-delay:.18s}\r\n\r\n  \/* ============ HERO ============ *\/\r\n  .ml-hero{position:relative;height:100vh;min-height:640px;overflow:hidden;margin-top:-88px;\r\n    border-radius:0 0 var(--r-xl) var(--r-xl)}\r\n  .ml-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1)}\r\n  .ml-hero .ov{position:absolute;inset:0;}\r\n  .ml-hero-c{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;align-items:center;\r\n    text-align:center;padding:clamp(10px,17vh,190px) 24px 48px;color:#fff}\r\n  .ml-hero h1{font-size:clamp(50px,5vw,120px);line-height:1;margin:2;letter-spacing:1px;\r\n    text-shadow:0 10px 40px rgba(0,0,0,.35);display:flex;flex-wrap:wrap;justify-content:center;gap:.22em}\r\n  .ml-hero h1 .w{display:inline-block;opacity:1;transform:translateY(46px);\r\n    animation:mlWord .95s cubic-bezier(.2,.9,.3,1.2) forwards}\r\n  @keyframes mlWord{to{opacity:1;transform:none}}\r\n  .ml-hero p{max-width:640px;margin:20px auto 0;font-size:clamp(16px,2vw,21px);text-shadow:0 4px 18px rgba(0,0,0,.42);opacity:.96}\r\n  \r\n  \/* === HERO COPY CA BOX SEJAJAR === *\/\r\n  .ml-copywrap {\r\n    margin-top: 36px;\r\n    display: inline-flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(255, 255, 255, 0.15);\r\n    border: 2px solid rgba(255, 255, 255, 0.3);\r\n    border-radius: 99px;\r\n    padding: 8px 8px 8px 26px;\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.15);\r\n    gap: 16px;\r\n    max-width: 100%;\r\n  }\r\n  .ml-ca {\r\n    font-size: clamp(14px, 2vw, 19px);\r\n    color: #fff;\r\n    font-weight: 500;\r\n    letter-spacing: 1px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n  .ml-copywrap .ml-btn {\r\n    padding: 14px 28px;\r\n    font-size: 17px;\r\n    margin: 0;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .ml-scroll{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);z-index:3;color:#fff;font-size:13px;opacity:.85;text-align:center}\r\n  .ml-scroll span{display:block;width:26px;height:42px;border-radius:99px;border:2px solid rgba(255,255,255,.7);margin:0 auto 8px;position:relative}\r\n  .ml-scroll span::after{content:\"\";position:absolute;left:50%;top:8px;width:4px;height:8px;border-radius:99px;background:#fff;\r\n    transform:translateX(-50%);animation:mlWheel 1.8s ease-in-out infinite}\r\n  @keyframes mlWheel{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,14px)}}\r\n\r\n  \/* ============ SECTION SHELL ============ *\/\r\n  .ml-sec{position:relative;margin-top:-90px;border-radius:var(--r-xl);background-size:cover;\r\n    background-position:top center;background-repeat:no-repeat;padding:clamp(80px,10vw,140px) 0;overflow:hidden}\r\n  .ml-sec::before{content:\"\";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.16),transparent 30%);pointer-events:none}\r\n  .ml-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none;z-index:0;animation:mlDrift 18s ease-in-out infinite}\r\n  @keyframes mlDrift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,-30px) scale(1.15)}}\r\n\r\n  \/* ============ ABOUT ============ *\/\r\n  .ml-about-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(36px,5vw,74px);align-items:center}\r\n  .ml-charwrap{position:relative;display:flex;justify-content:center}\r\n  .ml-charwrap::before{content:\"\";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;\r\n    background:radial-gradient(circle,rgba(255,255,255,.85),rgba(255,255,255,0) 68%);z-index:0}\r\n  .ml-charwrap img{position:relative;z-index:1;filter:drop-shadow(0 34px 44px rgba(90,70,120,.25))}\r\n  .ml-float{animation:mlFloat 6.5s ease-in-out infinite;will-change:transform}\r\n  .ml-float.d1{animation-duration:8s;animation-delay:-2s}\r\n  @keyframes mlFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-24px) rotate(1.5deg)}}\r\n  .ml-sparkle{position:absolute;font-size:26px;animation:mlTwinkle 3.2s ease-in-out infinite;z-index:2;pointer-events:none}\r\n  @keyframes mlTwinkle{0%,100%{opacity:.15;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(18deg)}}\r\n  .ml-about-txt p{font-size:18px;margin:0 0 16px;opacity:.85}\r\n  .ml-quote{margin-top:22px;padding:18px 24px;border-radius:var(--r-md);background:rgba(255,255,255,.72);\r\n    box-shadow:var(--soft),inset 0 0 0 1px rgba(255,255,255,.8);font-size:17px}\r\n\r\n  .ml-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:clamp(48px,6vw,78px)}\r\n  .ml-card{position:relative;padding:44px 28px 38px;border-radius:var(--r-lg);text-align:center;overflow:hidden;\r\n    background:rgba(255,255,255,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);\r\n    box-shadow:var(--soft2),inset 0 0 0 1px rgba(255,255,255,.85);\r\n    transition:transform .45s cubic-bezier(.2,.9,.3,1.4),box-shadow .45s}\r\n  .ml-card::before{content:\"\";position:absolute;inset:auto -20% -60% -20%;height:70%;border-radius:50%;opacity:.4;filter:blur(30px);transition:.5s}\r\n  .ml-card:nth-child(1)::before{background:var(--sun)}\r\n  .ml-card:nth-child(2)::before{background:var(--pink)}\r\n  .ml-card:nth-child(3)::before{background:var(--sky)}\r\n  .ml-card:hover{transform:translateY(-16px) rotate(-1deg);box-shadow:var(--soft3)}\r\n  .ml-card:hover::before{inset:auto -20% -40% -20%;opacity:.65}\r\n  .ml-ico{width:76px;height:76px;margin:0 auto 18px;border-radius:26px;display:flex;align-items:center;justify-content:center;\r\n    font-size:34px;background:#fff;box-shadow:var(--soft);transition:transform .45s cubic-bezier(.2,.9,.3,1.7)}\r\n  .ml-card:hover .ml-ico{transform:translateY(-6px) rotate(-8deg) scale(1.1)}\r\n  .ml-card h3{font-size:27px;margin:0 0 6px;position:relative}\r\n  .ml-card small{font-size:15.5px;opacity:.66;position:relative}\r\n\r\n  \/* ============ FAQ SECTION ============ *\/\r\n  #faq { position: relative; overflow: hidden; }\r\n  .ml-faq-list {\r\n    display: flex; flex-direction: column; gap: 16px;\r\n    max-width: 800px; margin: 0 auto; position: relative; z-index: 10;\r\n    text-align: left;\r\n  }\r\n  .ml-faq-item {\r\n    background: rgba(255, 255, 255, 0.85);\r\n    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\r\n    border-radius: var(--r-md);\r\n    box-shadow: var(--soft), inset 0 0 0 1px rgba(255, 255, 255, 0.9);\r\n    overflow: hidden;\r\n    transition: box-shadow 0.3s ease, background 0.3s ease, transform 0.3s ease;\r\n  }\r\n  .ml-faq-item:hover {\r\n    transform: translateY(-2px);\r\n  }\r\n  .ml-faq-item.active {\r\n    box-shadow: var(--soft2);\r\n    background: #fff;\r\n  }\r\n  .ml-faq-q {\r\n    display: flex; align-items: center; justify-content: space-between;\r\n    padding: 24px; cursor: pointer; font-size: 20px; font-weight: bold;\r\n    user-select: none;\r\n  }\r\n  .ml-faq-q i {\r\n    width: 34px; height: 34px; display: flex; align-items: center; justify-content: center;\r\n    background: rgba(0, 0, 0, 0.06); border-radius: 50%; font-style: normal; font-size: 22px;\r\n    transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.3, 1.4), background 0.3s, color 0.3s;\r\n  }\r\n  .ml-faq-item.active .ml-faq-q i {\r\n    transform: rotate(45deg);\r\n    background: var(--pink);\r\n    color: #fff;\r\n  }\r\n  .ml-faq-a {\r\n    padding: 0 24px;\r\n    max-height: 0;\r\n    opacity: 0;\r\n    transition: all 0.4s ease;\r\n    font-size: 17px;\r\n    line-height: 1.6;\r\n    color: rgba(34, 34, 34, 0.85);\r\n  }\r\n  .ml-faq-item.active .ml-faq-a {\r\n    padding: 0 24px 24px;\r\n    max-height: 200px;\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* ============ ROCKETS (100% ANTI GAGAL) ============ *\/\r\n  .moley-rocket { position: absolute; pointer-events: none; }\r\n  \r\n  \/* Roket Kiri Belakang *\/\r\n  .r-bg {\r\n    z-index: 1; width: 340px; opacity: 0.4; filter: blur(3px);\r\n    animation: flyRight 16s linear infinite;\r\n  }\r\n  \r\n  \/* Roket Tengah Belakang (Langsung Muncul saat scroll) *\/\r\n  .r-mid {\r\n    z-index: 1; width: 90px; opacity: 0.6; filter: blur(1px);\r\n    animation: flyRightMid 22s linear infinite;\r\n  }\r\n\r\n  \/* Roket Kanan Depan (Tajam dan Berbayang) *\/\r\n  .r-fg {\r\n    z-index: 15; width: 120px; filter: drop-shadow(0 20px 30px rgba(0,0,0,0.4));\r\n    animation: flyLeft 12s linear infinite;\r\n  }\r\n\r\n  \/* Animasi koordinat absolut murni. Dijamin jalan di Elementor *\/\r\n  @keyframes flyRight {\r\n    0% { bottom: -20%; left: -20%; transform: rotate(15deg); }\r\n    100% { bottom: 120%; left: 120%; transform: rotate(15deg); }\r\n  }\r\n  @keyframes flyRightMid {\r\n    0% { bottom: 20%; left: -10%; transform: rotate(20deg); }\r\n    100% { bottom: 130%; left: 100%; transform: rotate(20deg); }\r\n  }\r\n  @keyframes flyLeft {\r\n    0% { bottom: -30%; right: -20%; transform: rotate(-45deg); }\r\n    100% { bottom: 120%; right: 120%; transform: rotate(-45deg); }\r\n  }\r\n\r\n  \/* ============ COMMUNITY ============ *\/\r\n  .ml-comm{padding-bottom:0;text-align:center;overflow:visible}\r\n  .ml-comm .ml-lead{margin:0 auto 34px}\r\n  .ml-btns{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}\r\n  .ml-commchar{margin:clamp(40px,6vw,64px) auto -50px;max-width:440px;width:62%;margin-top: -50px;\r\n    filter:drop-shadow(0 30px 40px rgba(90,70,120,.22))}\r\n\r\n  \/* ============ FOOTER ============ *\/\r\n  .ml-foot{position:relative;background:rgba(255,255,255,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\r\n    border-top:1px solid rgba(34,34,34,.08);border-radius:var(--r-xl) var(--r-xl) 0 0;\r\n    padding:clamp(70px,8vw,110px) 0 64px;text-align:center;margin-top:72px}\r\n  .ml-foot img.fl{height:52px;width:auto;margin:0 auto 20px}\r\n  .ml-flinks{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}\r\n  .ml-flinks a{color:var(--ink);text-decoration:none;opacity:.72;padding:8px 16px;border-radius:99px;transition:.3s}\r\n  .ml-flinks a:hover{opacity:1;background:#fff;box-shadow:var(--soft);transform:translateY(-3px)}\r\n  .ml-socials{display:flex;gap:14px;justify-content:center;margin-bottom:22px}\r\n  .ml-socials a{width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:var(--soft);\r\n    display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--ink);text-decoration:none;\r\n    transition:transform .35s cubic-bezier(.2,.9,.3,1.7),box-shadow .35s}\r\n  .ml-socials a:hover{transform:translateY(-6px) rotate(-8deg) scale(1.1);box-shadow:var(--soft2)}\r\n  .ml-copyright{font-size:14px;opacity:.55}\r\n\r\n  \/* ============ REVEAL ============ *\/\r\n  .ml-rev{opacity:0;transform:translateY(38px) scale(.985);\r\n    transition:opacity .85s ease,transform .85s cubic-bezier(.2,.9,.3,1.1)}\r\n  .ml-rev.in{opacity:1;transform:none}\r\n\r\n  \/* ============ RESPONSIVE ============ *\/\r\n  @media(max-width:1024px){.ml-navlinks{display:none}}\r\n  @media(max-width:900px){\r\n    .ml-about-grid{grid-template-columns:1fr;text-align:center}\r\n    .ml-about-txt .ml-lead{margin-inline:auto}\r\n    .ml-cards{grid-template-columns:1fr}\r\n    .ml-sec{border-radius:var(--r-lg);padding:80px 0 96px}\r\n    .ml-charwrap img{max-width:400px}\r\n  }\r\n  @media(max-width:600px){\r\n    .ml-copywrap { flex-direction: column; padding: 20px; border-radius: 28px; gap: 14px; }\r\n    .ml-ca { white-space: normal; word-break: break-all; text-align: center; }\r\n    .ml-copywrap .ml-btn { width: 100%; }\r\n    .ml-btns{flex-direction:column}\r\n    .ml-btns .ml-btn {width:100%}\r\n    .ml-hero{min-height:580px}\r\n    .r-bg {width: 90px;}\r\n    .r-mid {width: 60px;}\r\n    .r-fg {width: 140px;}\r\n    .ml-faq-item.active .ml-faq-a { max-height: 350px; } \/* Untuk teks panjang di HP *\/\r\n  }\r\n  @media(prefers-reduced-motion:reduce){.moley-root *{animation:none!important;transition-duration:.01ms!important}.ml-rev{opacity:1;transform:none}}\r\n  <\/style>\r\n\r\n  <!-- NAV -->\r\n  <nav class=\"ml-nav\" id=\"mlNav\">\r\n    <div class=\"ml-nav-in\">\r\n      <a href=\"#top\" class=\"ml-logo\"><img decoding=\"async\" src=\"https:\/\/moleysol.fun\/wp-content\/uploads\/2026\/08\/Asset-10.png\" alt=\"Moley logo\"><\/a>\r\n      <div class=\"ml-navlinks\">\r\n        <a href=\"#about\">About<\/a><a href=\"#faq\">FAQ<\/a><a href=\"#community\">Community<\/a>\r\n      <\/div>\r\n      <button class=\"ml-burger\" id=\"mlBurger\" aria-label=\"Open menu\" aria-expanded=\"false\"><span><\/span><span><\/span><span><\/span><\/button>\r\n    <\/div>\r\n    <div class=\"ml-menu\" id=\"mlMenu\">\r\n      <a class=\"ml-btn\" href=\"#\" target=\"_blank\" rel=\"noopener\">\ud83d\udc26 Twitter<\/a>\r\n      <a class=\"ml-btn mint\" href=\"#\" target=\"_blank\" rel=\"noopener\">\u2708\ufe0f Telegram<\/a>\r\n      <a class=\"ml-btn grad\" href=\"#\" target=\"_blank\" rel=\"noopener\">\ud83d\uded2 Buy Now<\/a>\r\n    <\/div>\r\n  <\/nav>\r\n\r\n  <!-- HERO -->\r\n  <header class=\"ml-hero\" id=\"top\">\r\n    <video autoplay muted loop playsinline preload=\"auto\"><source src=\"https:\/\/moleysol.fun\/wp-content\/uploads\/2026\/08\/MOLEY-BG1.mp4\" type=\"video\/mp4\"><\/video>\r\n    <div class=\"ov\"><\/div>\r\n    <div class=\"ml-hero-c\">\r\n      <h1 id=\"ml-hero-c\">Simply Moley.<\/h1>\r\n      <p class=\"ml-rev\">A small friend with a gentle heart and a goofy smile, here to make your day a little lighter.<\/p>\r\n      \r\n      <!-- HERO CA BOX -->\r\n      <div class=\"ml-copywrap ml-rev\">\r\n        <span class=\"ml-ca\" id=\"mlCaText\">So11111111111111111111111111111111111111112<\/span>\r\n        <button class=\"ml-btn ml-copy\" id=\"mlCopy\">\ud83d\udccb Copy CA<\/button>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n    <div class=\"ml-scroll\"><span><\/span>scroll<\/div>\r\n  <\/header>\r\n\r\n  <!-- ABOUT -->\r\n  <section class=\"ml-sec\" id=\"about\" style=\"background-image:url('https:\/\/moleysol.fun\/wp-content\/uploads\/2026\/08\/Asset-4.png')\">\r\n    <div class=\"ml-blob\" style=\"width:420px;height:420px;background:#ffd36e;left:-120px;top:8%\"><\/div>\r\n    <div class=\"ml-blob\" style=\"width:360px;height:360px;background:#ff9ec4;right:-100px;bottom:6%;animation-delay:-6s\"><\/div>\r\n    <div class=\"ml-wrap\">\r\n      <div class=\"ml-about-grid\">\r\n        <div class=\"ml-charwrap ml-rev\" data-tilt>\r\n          <span class=\"ml-sparkle\" style=\"left:6%;top:12%\">\u2726<\/span>\r\n          <span class=\"ml-sparkle\" style=\"right:10%;top:26%;animation-delay:-1.1s\">\u2727<\/span>\r\n          <span class=\"ml-sparkle\" style=\"left:16%;bottom:14%;animation-delay:-2.2s\">\u2726<\/span>\r\n          <img decoding=\"async\" class=\"ml-float\" loading=\"lazy\" src=\"https:\/\/moleysol.fun\/wp-content\/uploads\/2026\/08\/Asset-5.png\" alt=\"Moley the mole character\">\r\n        <\/div>\r\n        <div class=\"ml-about-txt\">\r\n          <div class=\"ml-badge ml-rev\"><i><\/i> Meet the mole<\/div>\r\n          <h2 class=\"ml-h2 ml-rev\">Who is <span class=\"ml-grad\">Moley?<\/span><\/h2>\r\n          <p class=\"ml-lead ml-rev\">Moley popped out of the ground one sunny morning and decided the world above was worth smiling about.<\/p>\r\n          <p class=\"ml-lead ml-rev\">He digs slowly, hugs often, and believes every day deserves a little softness. No noise, no rush \u2014 just a wholesome friend for everyone along the way.<\/p>\r\n          <div class=\"ml-quote ml-rev\">\u201cTake it slow, keep it kind, and always come up for sunshine.\u201d \u2014 Moley \ud83c\udf3b<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"ml-cards\">\r\n        <div class=\"ml-card ml-rev\"><div class=\"ml-ico\">\ud83e\ude99<\/div><h3>0% Taxes<\/h3><small>Buy and sell freely, forever<\/small><\/div>\r\n        <div class=\"ml-card ml-rev\"><div class=\"ml-ico\">\ud83d\udd25<\/div><h3>Liquidity Burned<\/h3><small>Locked away for good<\/small><\/div>\r\n        <div class=\"ml-card ml-rev\"><div class=\"ml-ico\">\ud83e\udd1d<\/div><h3>Contract Renounced<\/h3><small>Fully community owned<\/small><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FAQ SECTION -->\r\n  <section class=\"ml-sec\" id=\"faq\" style=\"background-image:url('https:\/\/moleysol.fun\/wp-content\/uploads\/2026\/08\/Asset-6.png')\">\r\n    <div class=\"ml-blob\" style=\"width:460px;height:460px;background:#8fc7ff;left:-140px;bottom:10%;animation-delay:-3s\"><\/div>\r\n    \r\n    <!-- Roket Belakang Kiri (Blurry) -->\r\n    <img decoding=\"async\" src=\"https:\/\/moleysol.fun\/wp-content\/uploads\/2026\/08\/Asset-7.png\" class=\"moley-rocket r-bg\" alt=\"Rocket\">\r\n    <!-- Roket Belakang Tengah (Muncul duluan) -->\r\n    <img decoding=\"async\" src=\"https:\/\/moleysol.fun\/wp-content\/uploads\/2026\/08\/Asset-7.png\" class=\"moley-rocket r-mid\" alt=\"Rocket\">\r\n\r\n    <div class=\"ml-wrap\" style=\"text-align:center\">\r\n      <div class=\"ml-badge ml-rev\"><i><\/i> Curious?<\/div>\r\n      <h2 class=\"ml-h2 ml-rev\">Frequently Asked <span class=\"ml-grad\">Questions<\/span><\/h2>\r\n      <p class=\"ml-lead ml-rev\" style=\"margin:0 auto 40px\">Everything you need to know about your new little friend.<\/p>\r\n      \r\n      <!-- FAQ Accordion -->\r\n      <div class=\"ml-faq-list ml-rev\">\r\n        \r\n        <div class=\"ml-faq-item\">\r\n          <div class=\"ml-faq-q\">What exactly is Moley? <i>+<\/i><\/div>\r\n          <div class=\"ml-faq-a\"><p>Moley is a wholesome, community-driven meme coin on the Solana network. No drama, no hype\u2014just a gentle mole spreading smiles and making the crypto space a little softer.<\/p><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ml-faq-item\">\r\n          <div class=\"ml-faq-q\">Are there any buy or sell taxes? <i>+<\/i><\/div>\r\n          <div class=\"ml-faq-a\"><p>Nope! Moley likes to keep things simple. There are absolutely 0% taxes on both buying and selling.<\/p><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ml-faq-item\">\r\n          <div class=\"ml-faq-q\">Is the liquidity pool safe? <i>+<\/i><\/div>\r\n          <div class=\"ml-faq-a\"><p>Yes, 100% of the liquidity has been burned permanently. Moley is built for a peaceful mind and a safe environment for everyone.<\/p><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ml-faq-item\">\r\n          <div class=\"ml-faq-q\">Who controls the contract? <i>+<\/i><\/div>\r\n          <div class=\"ml-faq-a\"><p>The contract has been fully renounced. This means Moley has no owner and belongs entirely to the community.<\/p><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ml-faq-item\">\r\n          <div class=\"ml-faq-q\">How can I buy Moley? <i>+<\/i><\/div>\r\n          <div class=\"ml-faq-a\"><p>You can grab some Moley easily on your favorite Solana decentralized exchanges like Raydium or Jupiter. Just use our official Contract Address!<\/p><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ml-faq-item\">\r\n          <div class=\"ml-faq-q\">How do I join the community? <i>+<\/i><\/div>\r\n          <div class=\"ml-faq-a\"><p>There\u2019s always room for one more! Click the Telegram or Twitter links below to join our warm little corner of the internet. We'd love to have you dig along with us.<\/p><\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Roket Depan Kanan (Tajam + Bayangan) -->\r\n    <img decoding=\"async\" src=\"https:\/\/moleysol.fun\/wp-content\/uploads\/2026\/08\/Asset-7.png\" class=\"moley-rocket r-fg\" alt=\"Rocket\">\r\n  <\/section>\r\n\r\n  <!-- COMMUNITY -->\r\n  <section class=\"ml-sec ml-comm\" id=\"community\" style=\"background-image:url('https:\/\/moleysol.fun\/wp-content\/uploads\/2026\/08\/Asset-8.png')\">\r\n    <div class=\"ml-blob\" style=\"width:400px;height:400px;background:#c9b6ff;right:-110px;top:12%;animation-delay:-8s\"><\/div>\r\n    <div class=\"ml-wrap\">\r\n      <div class=\"ml-badge ml-rev\"><i><\/i> Everyone welcome<\/div>\r\n      <h2 class=\"ml-h2 ml-rev\">Become Moley's <span class=\"ml-grad\">Friend<\/span><\/h2>\r\n      <p class=\"ml-lead ml-rev\">Join a warm little corner of the internet where nobody is a stranger. Come say hi, share a smile, and dig along with us.<\/p>\r\n      <div class=\"ml-btns ml-rev\">\r\n        <a class=\"ml-btn big mint\" href=\"#\" target=\"_blank\" rel=\"noopener\">\u2708\ufe0f Telegram<\/a>\r\n        <a class=\"ml-btn big grad\" href=\"#\" target=\"_blank\" rel=\"noopener\">\ud83d\udc26 Twitter<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <img decoding=\"async\" class=\"ml-commchar ml-float d1\" loading=\"lazy\" src=\"https:\/\/moleysol.fun\/wp-content\/uploads\/2026\/08\/Asset-9.png\" alt=\"Moley waving hello\">\r\n  <\/section>\r\n\r\n  <!-- FOOTER -->\r\n  <footer class=\"ml-foot\">\r\n    <div class=\"ml-wrap\">\r\n      <img decoding=\"async\" class=\"fl\" loading=\"lazy\" src=\"https:\/\/moleysol.fun\/wp-content\/uploads\/2026\/08\/Asset-10.png\" alt=\"Moley logo\">\r\n      <div class=\"ml-flinks\"><a href=\"#top\">Home<\/a><a href=\"#about\">About<\/a><a href=\"#faq\">FAQ<\/a><a href=\"#community\">Community<\/a><\/div>\r\n      <div class=\"ml-socials\"><a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"Twitter\">\ud835\udd4f<\/a><a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"Telegram\">\u2708<\/a><\/div>\r\n      <div class=\"ml-copyright\">\u00a9 2026 Moley. Made with soft hearts and dirt under our paws.<\/div>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n  <script>\r\n  (function(){\r\n    var root=document.getElementById('moleyRoot');\r\n    var reduce=matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n    \/* split hero title into animated words *\/\r\n    var t=root.querySelector('#ml-hero-c');\r\n    if(t) {\r\n      t.innerHTML=t.textContent.trim().split(' ').map(function(w,i){\r\n        return '<span class=\"w\" style=\"animation-delay:'+(.15+i*.14)+'s\">'+w+'<\/span>';}).join(' ');\r\n    }\r\n\r\n    \/* nav setup *\/\r\n    var nav=root.querySelector('#mlNav'),burger=root.querySelector('#mlBurger'),menu=root.querySelector('#mlMenu'),tick=false;\r\n    addEventListener('scroll',function(){\r\n      if(tick)return;tick=true;requestAnimationFrame(function(){nav.classList.toggle('scrolled',scrollY>24);tick=false;});\r\n    },{passive:true});\r\n    function setMenu(o){menu.classList.toggle('open',o);burger.classList.toggle('open',o);burger.setAttribute('aria-expanded',o);}\r\n    burger.addEventListener('click',function(e){e.stopPropagation();setMenu(!menu.classList.contains('open'));});\r\n    document.addEventListener('click',function(e){if(!menu.contains(e.target)&&!burger.contains(e.target))setMenu(false);});\r\n    document.addEventListener('keydown',function(e){if(e.key==='Escape')setMenu(false);});\r\n    menu.querySelectorAll('a').forEach(function(a){a.addEventListener('click',function(){setMenu(false);});});\r\n\r\n    \/* copy CA logic + confetti *\/\r\n    var copyBtn = root.querySelector('#mlCopy');\r\n    var caTextEl = root.querySelector('#mlCaText');\r\n\r\n    function pop(){\r\n      if(reduce)return;\r\n      var r=copyBtn.getBoundingClientRect(),cols=['#ffd36e','#ff9ec4','#8fe3c2','#8fc7ff','#c9b6ff'];\r\n      for(var i=0;i<22;i++){\r\n        var d=document.createElement('div'),a=Math.random()*Math.PI*2,dist=70+Math.random()*130;\r\n        d.style.cssText='position:fixed;z-index:99999;pointer-events:none;width:9px;height:9px;border-radius:'+(Math.random()>.5?'50%':'3px')+\r\n          ';background:'+cols[i%5]+';left:'+(r.left+r.width\/2)+'px;top:'+(r.top+r.height\/2)+'px;';\r\n        document.body.appendChild(d);\r\n        d.animate([{transform:'translate(0,0) scale(1)',opacity:1},\r\n          {transform:'translate('+Math.cos(a)*dist+'px,'+(Math.sin(a)*dist+90)+'px) scale(.2) rotate(360deg)',opacity:0}],\r\n          {duration:900+Math.random()*500,easing:'cubic-bezier(.2,.7,.3,1)'}).onfinish=function(){this.effect.target.remove();};\r\n      }\r\n    }\r\n\r\n    copyBtn.addEventListener('click', function() {\r\n        var ca = caTextEl.innerText.trim();\r\n        var done = function() {\r\n            copyBtn.innerHTML = '\u2713 Copied!';\r\n            copyBtn.style.background = '#8fe3c2'; \r\n            pop(); \r\n            setTimeout(function() {\r\n                copyBtn.innerHTML = '\ud83d\udccb Copy CA';\r\n                copyBtn.style.background = ''; \r\n            }, 2000);\r\n        };\r\n        \r\n        if (navigator.clipboard && navigator.clipboard.writeText) {\r\n            navigator.clipboard.writeText(ca).then(done).catch(function() { fallbackCopy(ca, done); });\r\n        } else {\r\n            fallbackCopy(ca, done);\r\n        }\r\n    });\r\n\r\n    function fallbackCopy(text, callback) {\r\n        var textArea = document.createElement(\"textarea\");\r\n        textArea.value = text;\r\n        textArea.style.position = \"fixed\";\r\n        textArea.style.opacity = \"0\";\r\n        document.body.appendChild(textArea);\r\n        textArea.focus();\r\n        textArea.select();\r\n        try {\r\n            document.execCommand('copy');\r\n            callback();\r\n        } catch (err) {\r\n            console.error('Fallback copy failed', err);\r\n        }\r\n        document.body.removeChild(textArea);\r\n    }\r\n\r\n    \/* FAQ Accordion Logic *\/\r\n    var faqs = root.querySelectorAll('.ml-faq-q');\r\n    faqs.forEach(function(q) {\r\n      q.addEventListener('click', function() {\r\n        var item = this.parentElement;\r\n        var isActive = item.classList.contains('active');\r\n        \r\n        \/\/ Close all other FAQs\r\n        root.querySelectorAll('.ml-faq-item').forEach(function(i) {\r\n          i.classList.remove('active');\r\n        });\r\n\r\n        \/\/ Open clicked FAQ if it wasn't already open\r\n        if (!isActive) {\r\n          item.classList.add('active');\r\n        }\r\n      });\r\n    });\r\n\r\n    \/* scroll reveal *\/\r\n    var io=new IntersectionObserver(function(es){es.forEach(function(e){\r\n      if(!e.isIntersecting)return;e.target.classList.add('in');io.unobserve(e.target);\r\n    });},{threshold:.14,rootMargin:'0px 0px -40px'});\r\n    root.querySelectorAll('.ml-rev').forEach(function(el,i){el.style.transitionDelay=((i%4)*90)+'ms';io.observe(el);});\r\n\r\n    \/* soft parallax tilt on character *\/\r\n    var tilt=root.querySelector('[data-tilt]');\r\n    if(tilt&&!reduce&&matchMedia('(pointer:fine)').matches){\r\n      tilt.addEventListener('mousemove',function(e){\r\n        var b=tilt.getBoundingClientRect();\r\n        var x=(e.clientX-b.left)\/b.width-.5,y=(e.clientY-b.top)\/b.height-.5;\r\n        tilt.style.transform='perspective(900px) rotateY('+(x*9)+'deg) rotateX('+(-y*9)+'deg)';\r\n      });\r\n      tilt.addEventListener('mouseleave',function(){tilt.style.transform='';});\r\n      tilt.style.transition='transform .5s cubic-bezier(.2,.9,.3,1.2)';\r\n    }\r\n  })();\r\n  <\/script>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AboutFAQCommunity \ud83d\udc26 Twitter \u2708\ufe0f Telegram \ud83d\uded2 Buy Now Simply Moley. A small friend with a gentle heart and a goofy smile, here to make your day a little lighter. So11111111111111111111111111111111111111112 \ud83d\udccb Copy CA scroll \u2726 \u2727 \u2726 Meet the mole Who is Moley? Moley popped out of the ground one sunny morning and decided the [&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:\/\/moleysol.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moleysol.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moleysol.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moleysol.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moleysol.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":44,"href":"https:\/\/moleysol.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":69,"href":"https:\/\/moleysol.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/69"}],"wp:attachment":[{"href":"https:\/\/moleysol.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}