{"id":6,"date":"2026-10-27T05:10:00","date_gmt":"2026-10-27T05:10:00","guid":{"rendered":"https:\/\/damascusduckhouse.com\/?page_id=6"},"modified":"2026-10-27T05:25:42","modified_gmt":"2026-10-27T05:25:42","slug":"mvp-taman-palem","status":"publish","type":"page","link":"https:\/\/damascusduckhouse.com\/","title":{"rendered":"MVP TAMAN PALEM"},"content":{"rendered":"\n<!-- MVP TAMAN PALEM \u2014 landing page (blok Custom HTML) -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&#038;family=Poppins:wght@400;500;600&#038;display=swap\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\n<style>\n\/* =========================================================\n   MVP TAMAN PALEM \u2014 Landing Page Joki MLBB\n   Ganti warna & font utama cukup di :root\n   ========================================================= *\/\n:root{\n  --bg:#0a0a1a;\n  --bg-2:#0e0e24;\n  --surface:#15153a;\n  --surface-2:#1c1c44;\n  --gold:#ffd700;\n  --gold-deep:#ffae00;\n  --neon:#00d4ff;\n  --text:#eef0fa;\n  --muted:#a3a8c9;\n  --win:#2ee59d;\n  --lose:#ff4d6d;\n  --line:rgba(255,215,0,.18);\n  --line-soft:rgba(255,255,255,.08);\n  --radius:18px;\n  --glow-gold:0 0 18px rgba(255,215,0,.45),0 0 42px rgba(255,174,0,.2);\n  --glow-neon:0 0 18px rgba(0,212,255,.45),0 0 42px rgba(0,212,255,.18);\n  --font-head:'Montserrat',system-ui,sans-serif;\n  --font-body:'Poppins',system-ui,sans-serif;\n}\n\n\/* ---------- Reset & dasar (mobile-first) ---------- *\/\n*,*::before,*::after{box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{margin:0;background:var(--bg)}\n.mvp{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.65;overflow-x:clip;-webkit-font-smoothing:antialiased}\n:where(.mvp) :is(h1,h2,h3,h4){font-family:var(--font-head);line-height:1.15;margin:0}\n:where(.mvp) p{margin:0}\n:where(.mvp) a{color:inherit;text-decoration:none}\n:where(.mvp) :is(button,input,select){font:inherit}\n:where(.mvp) ul,:where(.mvp) ol{margin:0;padding:0;list-style:none}\n.container{width:100%;max-width:1120px;margin:0 auto;padding:0 18px}\n.sec{padding:72px 0;position:relative;scroll-margin-top:64px}\n.gold-text{background:linear-gradient(180deg,#fff6b0 0%,var(--gold) 45%,var(--gold-deep) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 12px rgba(255,215,0,.35))}\n\n\/* ---------- Penyesuaian khusus WordPress (tema blok) ---------- *\/\nbody{background:var(--bg)!important}\n.mvp{margin:0!important;max-width:none!important;width:100%}\n.mvp :is(h1,h2,h3,h4){font-family:var(--font-head);line-height:1.15}\n.mvp a,.mvp a:hover,.mvp a:focus{text-decoration:none}\n.admin-bar .topbar{top:32px}\n@media (max-width:782px){.admin-bar .topbar{top:46px}}\n@media (max-width:600px){.admin-bar .topbar{top:0}}\n\n\/* ---------- Judul section ---------- *\/\n.sec-head{text-align:center;max-width:660px;margin:0 auto 40px}\n.eyebrow{display:inline-flex;align-items:center;gap:8px;font:700 11px\/1 var(--font-head);letter-spacing:.18em;text-transform:uppercase;color:var(--neon);padding:8px 14px;border:1px solid rgba(0,212,255,.35);border-radius:999px;background:rgba(0,212,255,.06);margin-bottom:16px}\n.sec-title{font-size:clamp(26px,6.5vw,40px);font-weight:900;text-transform:uppercase}\n.sec-sub{color:var(--muted);margin-top:12px}\n\n\/* ---------- Tombol (glow) ---------- *\/\n.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:800 14px\/1 var(--font-head);letter-spacing:.05em;text-transform:uppercase;padding:16px 24px;min-height:52px;border-radius:12px;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .2s,box-shadow .2s,background .2s}\n.btn:focus-visible{outline:2px solid #fff;outline-offset:3px}\n.btn-gold{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffe866,var(--gold) 40%,var(--gold-deep));color:#1a1200;box-shadow:var(--glow-gold)}\n.btn-gold::after{content:\"\";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-20deg);animation:shine 3.4s ease-in-out infinite}\n.btn-gold:hover{transform:translateY(-2px);box-shadow:0 0 26px rgba(255,215,0,.7),0 0 60px rgba(255,174,0,.35)}\n.btn-ghost{background:rgba(0,212,255,.06);color:var(--neon);border:1.5px solid rgba(0,212,255,.6);box-shadow:inset 0 0 14px rgba(0,212,255,.15)}\n.btn-ghost:hover{transform:translateY(-2px);box-shadow:var(--glow-neon),inset 0 0 14px rgba(0,212,255,.25)}\n.btn-sm{padding:10px 16px;min-height:40px;font-size:12px;border-radius:10px}\n.btn-block{width:100%}\n\n\/* ---------- Kartu dasar (glow saat hover) ---------- *\/\n.card{position:relative;background:linear-gradient(180deg,rgba(28,28,68,.85),rgba(16,16,40,.92));border:1px solid var(--line-soft);border-radius:var(--radius);padding:24px}\n.card:hover{transform:translateY(-4px);border-color:rgba(255,215,0,.45);box-shadow:0 12px 40px rgba(0,0,0,.45),0 0 26px rgba(255,215,0,.16)}\n\n\/* ---------- Animasi fade-in saat scroll ---------- *\/\n.reveal{transition:opacity .7s ease var(--d,0s),translate .7s ease var(--d,0s),transform .25s ease,border-color .25s ease,box-shadow .25s ease}\n.mvp.js .reveal{opacity:0;translate:0 28px}\n.mvp.js .reveal.in{opacity:1;translate:0 0}\n\n\/* =========================================================\n   TOPBAR (tanpa menu navigasi \u2014 hanya brand + tombol pesan)\n   ========================================================= *\/\n.topbar{position:sticky;top:0;z-index:50;background:rgba(10,10,26,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}\n.topbar-in{display:flex;align-items:center;justify-content:space-between;height:64px}\n.logo{display:flex;align-items:center;gap:10px;font:900 14px\/1.1 var(--font-head);letter-spacing:.08em}\n.logo small{display:block;font:500 10px\/1.3 var(--font-body);letter-spacing:.14em;color:var(--muted);text-transform:uppercase}\n.logo-mark{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;font-size:15px;color:#1a1200;background:linear-gradient(135deg,#fff3a0,var(--gold) 45%,var(--gold-deep));clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}\n\n\/* =========================================================\n   1. HERO\n   ========================================================= *\/\n.hero{position:relative;overflow:hidden;padding:44px 0 72px;background:\n  radial-gradient(ellipse 80% 55% at 50% 0%,rgba(0,212,255,.15),transparent 60%),\n  radial-gradient(ellipse 60% 50% at 85% 75%,rgba(255,215,0,.11),transparent 60%)}\n.hero::before{content:\"\";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse at center,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 25%,transparent 75%)}\n.hero-grid{position:relative;display:grid;gap:44px;align-items:center}\n.brand-name{font:900 clamp(15px,4.4vw,19px)\/1.2 var(--font-head);letter-spacing:.3em;color:var(--gold);text-shadow:0 0 18px rgba(255,215,0,.45)}\n.brand-tagline{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;color:var(--muted)}\n.brand-tagline i{color:var(--neon);font-size:8px}\n.hero-title{margin-top:20px;font-size:clamp(32px,8.6vw,58px);font-weight:900;text-transform:uppercase;letter-spacing:-.01em}\n.hero-lead{margin-top:18px;max-width:540px;color:#c9cde6;font-size:15.5px}\n.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}\n.hero-cta .btn{flex:1 1 200px}\n.hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}\n.hero-trust li{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#c9cde6;background:rgba(255,255,255,.04);border:1px solid var(--line-soft);padding:8px 12px;border-radius:10px}\n.hero-trust i{color:var(--gold)}\n\n\/* Visual hero: lambang MVP bercahaya (CSS murni) *\/\n.hero-visual{position:relative;width:min(100%,430px);aspect-ratio:1;margin:0 auto}\n.hv-glow{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.38),rgba(0,212,255,.14) 45%,transparent 70%);filter:blur(12px);animation:pulse 4s ease-in-out infinite}\n.hv-rays{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,215,0,.10) 0 4deg,transparent 4deg 18deg);-webkit-mask-image:radial-gradient(circle,#000 18%,transparent 68%);mask-image:radial-gradient(circle,#000 18%,transparent 68%);animation:spin 50s linear infinite}\n.hv-ring{position:absolute;border-radius:50%}\n.hv-ring-1{inset:7%;background:conic-gradient(from 0deg,transparent 0 18%,var(--gold) 30%,transparent 42% 58%,var(--neon) 72%,transparent 84%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));filter:drop-shadow(0 0 6px var(--gold));animation:spin 9s linear infinite}\n.hv-ring-2{inset:16%;border:1px dashed rgba(0,212,255,.45);animation:spin 26s linear infinite reverse}\n.hv-emblem-wrap{position:absolute;inset:25%;filter:drop-shadow(0 0 24px rgba(255,215,0,.55));animation:float 5s ease-in-out infinite}\n.hv-emblem{height:100%;padding:4px;background:linear-gradient(160deg,#fff3a0,var(--gold) 35%,#a86d00);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}\n.hv-emblem-inner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:radial-gradient(circle at 50% 30%,#2c2c64,#0c0c22 72%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}\n.hv-emblem-inner .fa-crown{font-size:clamp(26px,7.5vw,40px);color:var(--gold);filter:drop-shadow(0 0 10px rgba(255,215,0,.8))}\n.hv-emblem-inner strong{font:900 clamp(28px,8.5vw,46px)\/1 var(--font-head);letter-spacing:.06em;background:linear-gradient(180deg,#fffbe0,var(--gold) 50%,var(--gold-deep));-webkit-background-clip:text;background-clip:text;color:transparent}\n.hv-stars{display:flex;gap:3px;font-size:clamp(8px,2.4vw,11px);color:var(--gold);margin-top:4px}\n.hv-chip{position:absolute;display:flex;align-items:center;gap:7px;font:700 12px\/1 var(--font-head);letter-spacing:.02em;white-space:nowrap;padding:9px 12px;border-radius:999px;background:rgba(18,18,46,.88);border:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.45);animation:float 4.5s ease-in-out infinite}\n.hv-chip-1{top:9%;left:0}\n.hv-chip-1 i{color:#ff7a1a}\n.hv-chip-2{top:34%;right:0;border-color:rgba(0,212,255,.4);animation-delay:-1.5s}\n.hv-chip-2 i{color:var(--gold)}\n.hv-chip-3{bottom:7%;left:16%;animation-delay:-3s}\n.hv-chip-3 i{color:var(--neon)}\n.spark{position:absolute;left:var(--x);top:var(--y);width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 10px 2px var(--gold);animation:twinkle 3s ease-in-out infinite;animation-delay:var(--d)}\n\n\/* =========================================================\n   2. KEUNGGULAN\n   ========================================================= *\/\n.sec-feat{background:linear-gradient(180deg,var(--bg),var(--bg-2))}\n.feat-grid{display:grid;gap:16px}\n.feat-icon{width:58px;height:58px;display:grid;place-items:center;font-size:24px;color:var(--gold);margin-bottom:18px;background:linear-gradient(145deg,rgba(255,215,0,.28),rgba(255,215,0,.05));clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%)}\n.feat-icon i{filter:drop-shadow(0 0 8px currentColor)}\n.feat:nth-child(even) .feat-icon{color:var(--neon);background:linear-gradient(145deg,rgba(0,212,255,.28),rgba(0,212,255,.05))}\n.feat h3{font-size:17px;font-weight:800;margin-bottom:8px}\n.feat p{font-size:14px;color:var(--muted)}\n\n\/* =========================================================\n   3. LAYANAN & HARGA\n   ========================================================= *\/\n.sec-price{background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(255,215,0,.07),transparent 70%),var(--bg-2)}\n.sub-head{display:flex;align-items:center;gap:10px;font:800 14px var(--font-head);text-transform:uppercase;letter-spacing:.12em;margin:0 0 16px}\n.sub-head i{color:var(--gold)}\n.sub-head::after{content:\"\";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}\n.tier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:48px}\n.tier{overflow:hidden;padding:18px 16px;display:flex;flex-direction:column}\n.tier::before{content:\"\";position:absolute;left:0;right:0;top:0;height:3px;background:var(--tier);box-shadow:0 0 14px var(--tier)}\n.tier-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:18px;color:var(--tier);border:1px solid var(--tier);background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);box-shadow:0 0 16px -4px var(--tier);margin-bottom:12px}\n.tier h4{font-size:14.5px;font-weight:800}\n.tier-note{font-size:11.5px;color:var(--muted);margin-top:2px}\n.tier-price{font:900 21px\/1.1 var(--font-head);margin-top:12px;flex:1}\n.tier-price small{font-size:12px;color:var(--gold);margin-right:2px}\n.tier-price span{display:block;font:500 11.5px var(--font-body);color:var(--muted);margin-top:3px}\n.btn-pick{width:100%;margin-top:14px;padding:10px;border-radius:10px;border:1px solid rgba(255,215,0,.45);background:rgba(255,215,0,.06);color:var(--gold);font:800 11.5px\/1 var(--font-head);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}\n.btn-pick:hover,.btn-pick:focus-visible{background:var(--gold);color:#1a1200;box-shadow:var(--glow-gold);outline:none}\n.badge-hot{position:absolute;top:14px;right:12px;font:800 9.5px\/1 var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:#fff;padding:5px 8px;border-radius:999px;background:linear-gradient(90deg,#ff4d6d,#ff9f43);box-shadow:0 0 14px rgba(255,77,109,.5)}\n.pkg-grid{display:grid;gap:16px}\n.pkg{display:flex;flex-direction:column;gap:14px;padding:26px 22px}\n.pkg-top{display:flex;align-items:center;gap:14px}\n.pkg-icon{width:50px;height:50px;flex-shrink:0;border-radius:14px;display:grid;place-items:center;font-size:21px;color:var(--neon);background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.3);box-shadow:0 0 18px rgba(0,212,255,.15)}\n.pkg h4{font-size:18px;font-weight:800}\n.pkg-desc{font-size:14px;color:var(--muted)}\n.pkg-price{font:900 26px\/1.1 var(--font-head)}\n.pkg-price small{display:block;font:600 11px var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}\n.pkg-price span{font:500 13px var(--font-body);color:var(--muted)}\n.pkg-list{display:grid;gap:8px;flex:1;margin-bottom:6px}\n.pkg-list li{display:flex;gap:10px;font-size:14px}\n.pkg-list i{color:var(--win);margin-top:5px}\n.pkg-featured{border-color:rgba(255,215,0,.55);box-shadow:0 0 0 1px rgba(255,215,0,.15),0 0 34px rgba(255,215,0,.16)}\n.pkg-featured .pkg-icon{color:var(--gold);background:rgba(255,215,0,.1);border-color:rgba(255,215,0,.4);box-shadow:0 0 18px rgba(255,215,0,.2)}\n.pkg-featured .badge-hot{top:-11px;right:18px;background:linear-gradient(90deg,var(--gold),var(--gold-deep));color:#1a1200;box-shadow:var(--glow-gold)}\n.pkg-featured{overflow:visible}\n.price-note{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);margin-top:24px;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.14)}\n.price-note i{color:var(--neon);margin-top:4px}\n\n\/* =========================================================\n   4. DASHBOARD & CHAT LIVE (mockup)\n   ========================================================= *\/\n.sec-live{background:radial-gradient(ellipse 70% 50% at 50% 30%,rgba(0,212,255,.09),transparent 70%),var(--bg)}\n.live-points{display:grid;gap:12px;margin-bottom:28px}\n.live-point{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:14px;background:rgba(0,212,255,.04);border:1px solid rgba(0,212,255,.18)}\n.live-point>i{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;font-size:17px;color:var(--neon);border-radius:12px;background:rgba(0,212,255,.1)}\n.live-point strong{display:block;font:700 14px\/1.3 var(--font-head);margin-bottom:2px}\n.live-point span{font-size:13px;color:var(--muted)}\n.live-grid{display:grid;gap:18px;align-items:start}\n.mock{background:linear-gradient(180deg,#17173d,#0e0e25);border:1px solid rgba(0,212,255,.25);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 30px rgba(0,212,255,.08)}\n.mock-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(255,255,255,.03);border-bottom:1px solid var(--line-soft);font:700 13px var(--font-head);letter-spacing:.04em}\n.dots{display:flex;gap:6px}\n.dots i{width:10px;height:10px;border-radius:50%;background:#ff5f57}\n.dots i:nth-child(2){background:#febc2e}\n.dots i:nth-child(3){background:#28c840}\n.mock-tag{margin-left:auto;font:600 10px var(--font-body);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-soft);padding:3px 8px;border-radius:999px}\n.mock-body{padding:20px 18px}\n.order-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}\n.order-id{font:800 16px\/1.3 var(--font-head)}\n.order-type{font-size:12.5px;color:var(--muted)}\n.status{display:inline-flex;align-items:center;gap:6px;font:700 10.5px\/1 var(--font-head);letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border-radius:999px;white-space:nowrap}\n.status-proses{color:var(--neon);background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.45)}\n.status-done{color:var(--win);background:rgba(46,229,157,.1);border:1px solid rgba(46,229,157,.4)}\n.rank-flow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0;padding:14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--line-soft)}\n.rank-box{display:flex;align-items:center;gap:10px;font:800 14px var(--font-head)}\n.rank-box i{font-size:22px}\n.rank-flow .arrow{color:var(--gold);animation:nudge 1.4s ease-in-out infinite}\n.progress-label,.progress-meta{display:flex;justify-content:space-between;align-items:center;gap:10px}\n.progress-label{font-size:13px;color:var(--muted);margin-bottom:8px}\n.progress-label strong{font:800 14px var(--font-head);color:var(--text)}\n.progress-label strong i{color:var(--gold);font-size:12px}\n.progress{height:12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.06);overflow:hidden}\n.progress-fill{position:relative;height:100%;width:var(--p);border-radius:inherit;background:linear-gradient(90deg,var(--neon),var(--gold));box-shadow:0 0 14px rgba(0,212,255,.6);transition:width 1.8s cubic-bezier(.2,.8,.2,1) .3s}\n.progress-fill::after{content:\"\";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.2) 0 8px,transparent 8px 16px);animation:stripes 1s linear infinite}\n.mvp.js .mock:not(.in) .progress-fill{width:0}\n.progress-meta{font-size:12px;color:var(--muted);margin-top:8px;flex-wrap:wrap}\n.steps{position:relative;display:flex;margin-top:22px}\n.steps::before{content:\"\";position:absolute;top:17px;left:16.67%;right:16.67%;height:2px;background:linear-gradient(90deg,var(--win) 50%,rgba(255,255,255,.12) 50%)}\n.steps li{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:var(--muted);text-align:center}\n.steps li span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:13px;background:var(--surface-2);border:2px solid rgba(255,255,255,.15)}\n.steps li.done{color:var(--text)}\n.steps li.done span{background:var(--win);border-color:var(--win);color:#04281a}\n.steps li.active{color:var(--neon);font-weight:600}\n.steps li.active span{border-color:var(--neon);color:var(--neon);animation:pulseRing 1.8s infinite}\n.mini-label{font-size:12px;color:var(--muted);margin:22px 0 10px;text-transform:uppercase;letter-spacing:.1em}\n.matches{display:flex;align-items:center;gap:6px;flex-wrap:wrap}\n.matches b{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font:800 12px var(--font-head)}\n.matches .w{background:rgba(46,229,157,.14);color:var(--win);border:1px solid rgba(46,229,157,.4)}\n.matches .l{background:rgba(255,77,109,.14);color:var(--lose);border:1px solid rgba(255,77,109,.4)}\n.wr{margin-left:auto;font-size:12px;color:var(--muted)}\n.wr strong{color:var(--gold);font-family:var(--font-head)}\n.history-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line-soft)}\n.history-item strong{display:block;font:700 13px var(--font-head)}\n.history-item span:not(.status){font-size:12px;color:var(--muted)}\n\/* Chat *\/\n.chat-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line-soft)}\n.avatar{width:40px;height:40px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font:800 15px var(--font-head);color:#001826;background:linear-gradient(135deg,var(--neon),#0077ff)}\n.chat-head strong{display:block;font:700 14px\/1.3 var(--font-head)}\n.online{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--win)}\n.online i{width:8px;height:8px;border-radius:50%;background:var(--win);box-shadow:0 0 8px var(--win);animation:blink 1.6s infinite}\n.chat-body{display:flex;flex-direction:column;gap:10px;padding:16px;min-height:300px;background:radial-gradient(circle at 80% 10%,rgba(255,215,0,.05),transparent 50%)}\n.msg{max-width:84%;padding:10px 14px;border-radius:16px;font-size:13.5px;line-height:1.5;transition:opacity .5s ease,translate .5s ease}\n.msg time{display:block;font-size:10.5px;opacity:.65;margin-top:4px;text-align:right}\n.msg.in{align-self:flex-start;background:var(--surface-2);border:1px solid var(--line-soft);border-bottom-left-radius:4px}\n.msg.out{align-self:flex-end;background:linear-gradient(135deg,#ffe24d,var(--gold-deep));color:#1a1200;border-bottom-right-radius:4px}\n.mvp.js .chat:not(.in) .msg{opacity:0;translate:0 12px}\n.chat .msg:nth-child(2){transition-delay:.5s}\n.chat .msg:nth-child(3){transition-delay:1s}\n.chat .msg:nth-child(4){transition-delay:1.5s}\n.typing{align-self:flex-start;display:flex;gap:4px;padding:13px 14px;background:var(--surface-2);border-radius:16px;border-bottom-left-radius:4px}\n.typing span{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:typing 1.2s infinite}\n.typing span:nth-child(2){animation-delay:.2s}\n.typing span:nth-child(3){animation-delay:.4s}\n.chat-input{display:flex;gap:10px;padding:12px;border-top:1px solid var(--line-soft)}\n.chat-input input{flex:1;min-width:0;padding:12px 16px;border-radius:999px;border:1px solid var(--line-soft);background:rgba(255,255,255,.05);color:var(--text);font-size:13.5px;opacity:1}\n.chat-input input::placeholder{color:var(--muted)}\n.chat-input button{width:46px;height:46px;flex-shrink:0;border:0;border-radius:50%;display:grid;place-items:center;background:var(--neon);color:#001826;box-shadow:var(--glow-neon)}\n.mock-note{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--muted);margin-top:18px}\n.mock-note i{color:var(--neon);margin-top:3px}\n\n\/* =========================================================\n   5. TESTIMONI\n   ========================================================= *\/\n.sec-testi{background:var(--bg-2)}\n.testi-grid{display:grid;gap:16px}\n.testi{display:flex;flex-direction:column;gap:16px}\n.testi-quote{position:absolute;top:20px;right:22px;font-size:34px;color:rgba(255,215,0,.13)}\n.stars{display:flex;gap:3px;font-size:14px;color:var(--gold);filter:drop-shadow(0 0 6px rgba(255,215,0,.5))}\n.testi-text{flex:1;font-size:14.5px;color:#d7daf0}\n.testi-user{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--line-soft)}\n.testi-user .avatar{color:#1a1200;background:linear-gradient(135deg,#fff3a0,var(--gold-deep))}\n.testi-user strong{display:block;font:700 14px\/1.3 var(--font-head)}\n.testi-user span{font-size:12px;color:var(--neon)}\n\n\/* =========================================================\n   6. CTA AKHIR + FORM ORDER\n   ========================================================= *\/\n.sec-cta{border-top:1px solid var(--line);background:\n  radial-gradient(ellipse 70% 60% at 15% 30%,rgba(255,215,0,.10),transparent 60%),\n  radial-gradient(ellipse 60% 60% at 90% 85%,rgba(0,212,255,.10),transparent 60%),var(--bg)}\n.cta-grid{display:grid;gap:36px;align-items:center}\n.contact-list{display:grid;gap:12px;margin:24px 0}\n.contact-list li{display:flex;align-items:center;gap:14px}\n.ci{width:44px;height:44px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;font-size:18px;color:var(--gold);background:rgba(255,215,0,.08);border:1px solid var(--line)}\n.contact-list small{display:block;font-size:12px;color:var(--muted)}\n.contact-list strong{font:700 15px var(--font-head)}\n.order-form{padding:26px 20px;border-color:rgba(255,215,0,.32);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(255,215,0,.08)}\n.order-form:hover{transform:none}\n.order-form h3{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;margin-bottom:18px}\n.order-form h3 i{color:var(--gold)}\n.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;min-width:0}\n.field label{font-size:12.5px;font-weight:600;color:var(--muted)}\n.field input,.field select{width:100%;padding:13px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0c0c20;color:var(--text);font-size:16px;-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}\n.field input::placeholder{color:#6d7299}\n.field select{padding-right:38px;cursor:pointer;background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23ffd700' stroke-width='2'\/%3E%3C\/svg%3E\");background-repeat:no-repeat;background-position:right 14px center}\n.field select option{background:#0c0c20;color:#fff}\n.field input:focus,.field select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,215,0,.15),0 0 16px rgba(255,215,0,.2)}\n.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}\n.form-error{color:var(--lose);font-size:13px;margin-bottom:12px}\n.form-error:empty{display:none}\n.form-note{display:flex;gap:8px;justify-content:center;font-size:12px;color:var(--muted);margin-top:12px;text-align:center}\n.order-form.flash{animation:flash 1.2s ease}\n\n\/* ---------- Footer (tanpa link keluar) ---------- *\/\n.site-footer{padding:36px 0 100px;text-align:center;border-top:1px solid var(--line-soft);background:#07070f}\n.site-footer .logo{justify-content:center;margin-bottom:14px;text-align:left}\n.site-footer p{font-size:13px;color:var(--muted)}\n.site-footer .disclaimer{font-size:11.5px;opacity:.75;max-width:520px;margin:10px auto 0}\n.site-footer .copy{margin-top:14px}\n\n\/* Tombol WhatsApp melayang *\/\n.wa-float{position:fixed;right:16px;bottom:16px;z-index:60;width:58px;height:58px;border:0;border-radius:50%;display:grid;place-items:center;font-size:30px;color:#fff;background:#25d366;cursor:pointer;animation:waPulse 2.4s infinite}\n\n\/* ---------- Breakpoint tablet & desktop ---------- *\/\n@media (min-width:600px){\n  .feat-grid{grid-template-columns:repeat(2,1fr)}\n  .live-points{grid-template-columns:repeat(3,1fr)}\n}\n@media (min-width:760px){\n  .tier-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}\n  .pkg-grid,.testi-grid{grid-template-columns:repeat(3,1fr)}\n  .order-form{padding:32px 28px}\n}\n@media (min-width:920px){\n  .sec{padding:96px 0}\n  .hero{padding:72px 0 100px}\n  .hero-grid{grid-template-columns:1.1fr .9fr}\n  .feat-grid{grid-template-columns:repeat(4,1fr)}\n  .live-grid{grid-template-columns:1.1fr .9fr}\n  .cta-grid{grid-template-columns:1fr 1fr;gap:56px}\n}\n\n\/* ---------- Keyframes ---------- *\/\n@keyframes spin{to{transform:rotate(360deg)}}\n@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\n@keyframes pulse{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}\n@keyframes twinkle{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}\n@keyframes shine{0%{left:-60%}60%,100%{left:130%}}\n@keyframes stripes{to{background-position:22.63px 0}}\n@keyframes blink{50%{opacity:.35}}\n@keyframes nudge{50%{transform:translateX(4px)}}\n@keyframes typing{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}\n@keyframes pulseRing{0%{box-shadow:0 0 0 0 rgba(0,212,255,.55)}100%{box-shadow:0 0 0 12px rgba(0,212,255,0)}}\n@keyframes waPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55),0 8px 24px rgba(37,211,102,.4)}70%,100%{box-shadow:0 0 0 16px rgba(37,211,102,0),0 8px 24px rgba(37,211,102,.4)}}\n@keyframes flash{30%{box-shadow:0 0 0 3px var(--gold),0 0 50px rgba(255,215,0,.45)}}\n\n\/* Hormati pengaturan \"kurangi animasi\" di perangkat pengguna *\/\n@media (prefers-reduced-motion:reduce){\n  html{scroll-behavior:auto}\n  .mvp *,.mvp *::before,.mvp *::after{animation:none!important;transition:none!important}\n}\n<\/style>\n<div class=\"mvp\">\n\n  <!-- ===================== TOPBAR (brand + tombol pesan, tanpa menu) ===================== -->\n  <header class=\"topbar\">\n    <div class=\"container topbar-in\">\n      <div class=\"logo\">\n        <span class=\"logo-mark\"><i class=\"fa-solid fa-crown\"><\/i><\/span>\n        <span>MVP TAMAN PALEM<small>Joki MLBB Profesional<\/small><\/span>\n      <\/div>\n      <a href=\"#pesan\" class=\"btn btn-gold btn-sm\"><i class=\"fa-solid fa-bolt\"><\/i> Pesan<\/a>\n    <\/div>\n  <\/header>\n\n  <main>\n    <!-- ===================== 1. HERO =====================\n         VISUAL HERO (narasi): lambang heksagon emas bertuliskan \"MVP\" melayang di tengah,\n         dikelilingi cincin cahaya emas\u2013biru neon yang berputar pelan, sinar cahaya radial,\n         partikel berkelip, dan chip notifikasi ala in-game (\"Win Streak x7\", \"+1 Bintang\",\n         \"Mythical Glory\") \u2014 meniru momen layar MVP setelah match.\n         Ingin pakai artwork sendiri? Ganti isi .hero-visual dengan <img> milik Anda\/berlisensi. -->\n    <section class=\"hero\">\n      <div class=\"container hero-grid\">\n        <div class=\"hero-copy\">\n          <p class=\"brand-name\">MVP TAMAN PALEM<\/p>\n          <p class=\"brand-tagline\">Joki Rank MLBB <i class=\"fa-solid fa-circle\"><\/i> Aman <i class=\"fa-solid fa-circle\"><\/i> Cepat <i class=\"fa-solid fa-circle\"><\/i> Bergaransi<\/p>\n          <h1 class=\"hero-title\">Push Rank Tanpa Drama, <span class=\"gold-text\">Tembus Mythic<\/span> Lebih Cepat<\/h1>\n          <p class=\"hero-lead\">Stuck di Epic atau Legend? Serahkan ke joki berpengalaman MVP TAMAN PALEM. Kamu tinggal pantau progres per bintang dan ngobrol langsung dengan jokinya \u2014 dari Warrior sampai Mythical Glory.<\/p>\n          <div class=\"hero-cta\">\n            <a href=\"#pesan\" class=\"btn btn-gold\"><i class=\"fa-solid fa-bolt\"><\/i> Pesan Sekarang<\/a>\n            <a href=\"#harga\" class=\"btn btn-ghost\"><i class=\"fa-solid fa-tags\"><\/i> Lihat Harga<\/a>\n          <\/div>\n          <ul class=\"hero-trust\">\n            <li><i class=\"fa-solid fa-shield-halved\"><\/i> Akun Aman<\/li>\n            <li><i class=\"fa-solid fa-medal\"><\/i> Garansi Bintang<\/li>\n            <li><i class=\"fa-solid fa-chart-line\"><\/i> Progres Real-time<\/li>\n            <li><i class=\"fa-solid fa-headset\"><\/i> Admin Responsif<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"hero-visual\" aria-hidden=\"true\">\n          <div class=\"hv-rays\"><\/div>\n          <div class=\"hv-glow\"><\/div>\n          <div class=\"hv-ring hv-ring-1\"><\/div>\n          <div class=\"hv-ring hv-ring-2\"><\/div>\n          <div class=\"hv-emblem-wrap\">\n            <div class=\"hv-emblem\">\n              <div class=\"hv-emblem-inner\">\n                <i class=\"fa-solid fa-crown\"><\/i>\n                <strong>MVP<\/strong>\n                <span class=\"hv-stars\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"hv-chip hv-chip-1\"><i class=\"fa-solid fa-fire\"><\/i> Win Streak x7<\/div>\n          <div class=\"hv-chip hv-chip-2\"><i class=\"fa-solid fa-star\"><\/i> +1 Bintang<\/div>\n          <div class=\"hv-chip hv-chip-3\"><i class=\"fa-solid fa-trophy\"><\/i> Mythical Glory<\/div>\n          <span class=\"spark\" style=\"--x:18%;--y:28%;--d:0s\"><\/span>\n          <span class=\"spark\" style=\"--x:82%;--y:18%;--d:.8s\"><\/span>\n          <span class=\"spark\" style=\"--x:88%;--y:62%;--d:1.6s\"><\/span>\n          <span class=\"spark\" style=\"--x:10%;--y:70%;--d:2.2s\"><\/span>\n          <span class=\"spark\" style=\"--x:52%;--y:92%;--d:1.1s\"><\/span>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ===================== 2. TENTANG KAMI \/ KEUNGGULAN =====================\n         Sesuaikan klaim di bawah dengan kebijakan nyata layanan Anda. -->\n    <section class=\"sec sec-feat\" id=\"keunggulan\">\n      <div class=\"container\">\n        <div class=\"sec-head reveal\">\n          <span class=\"eyebrow\"><i class=\"fa-solid fa-shield-halved\"><\/i> Kenapa Pilih Kami<\/span>\n          <h2 class=\"sec-title\">Joki Serius, <span class=\"gold-text\">Hasil Nyata<\/span><\/h2>\n          <p class=\"sec-sub\">MVP TAMAN PALEM dijalankan oleh pemain yang paham rasanya stuck di rank yang sama. Akunmu kami kerjakan seperti akun sendiri.<\/p>\n        <\/div>\n        <div class=\"feat-grid\" data-stagger>\n          <!-- Keunggulan 1: Perisai = keamanan -->\n          <article class=\"card feat reveal\">\n            <div class=\"feat-icon\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\n            <h3>Akun Aman &amp; Rahasia<\/h3>\n            <p>Akun hanya dipegang satu joki tetap. Kami tidak membuka chat, tidak mengubah pengaturan, dan data login dihapus setelah order selesai.<\/p>\n          <\/article>\n          <!-- Keunggulan 2: Petir = kecepatan -->\n          <article class=\"card feat reveal\">\n            <div class=\"feat-icon\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\n            <h3>Proses Cepat<\/h3>\n            <p>Order mulai dikerjakan di hari yang sama. Estimasi waktu selesai kami sampaikan di awal, bukan janji kosong.<\/p>\n          <\/article>\n          <!-- Keunggulan 3: Medali = garansi -->\n          <article class=\"card feat reveal\">\n            <div class=\"feat-icon\"><i class=\"fa-solid fa-medal\"><\/i><\/div>\n            <h3>Garansi Bintang<\/h3>\n            <p>Bintang turun karena kesalahan joki? Kami ganti sampai target tercapai, tanpa biaya tambahan.<\/p>\n          <\/article>\n          <!-- Keunggulan 4: Mahkota = pemain pro -->\n          <article class=\"card feat reveal\">\n            <div class=\"feat-icon\"><i class=\"fa-solid fa-crown\"><\/i><\/div>\n            <h3>Dikerjakan Pemain Pro<\/h3>\n            <p>Joki kami pemain Mythical Glory ke atas yang menguasai semua role \u2014 Jungler, Roamer, Mid, Gold, sampai EXP Lane.<\/p>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ===================== 3. LAYANAN & HARGA =====================\n         Semua harga = placeholder. Ubah angka sesuai tarif Anda.\n         data-layanan \/ data-rank pada tombol akan otomatis mengisi form order. -->\n    <section class=\"sec sec-price\" id=\"harga\">\n      <div class=\"container\">\n        <div class=\"sec-head reveal\">\n          <span class=\"eyebrow\"><i class=\"fa-solid fa-tags\"><\/i> Daftar Harga<\/span>\n          <h2 class=\"sec-title\">Pilih Paket, <span class=\"gold-text\">Gas Naik Rank<\/span><\/h2>\n          <p class=\"sec-sub\">Harga push rank dihitung per bintang sesuai tier. Belum yakin? Konsultasi gratis dulu sebelum order.<\/p>\n        <\/div>\n\n        <!-- 3a. Push Rank per bintang -->\n        <h3 class=\"sub-head reveal\"><i class=\"fa-solid fa-ranking-star\"><\/i> Push Rank \u00b7 per Bintang<\/h3>\n        <div class=\"tier-grid\" data-stagger>\n          <article class=\"card tier reveal\" style=\"--tier:#b9c2d8\">\n            <div class=\"tier-icon\"><i class=\"fa-solid fa-shield\"><\/i><\/div>\n            <h4>Warrior \u2013 Elite<\/h4>\n            <p class=\"tier-note\">Cocok untuk akun baru<\/p>\n            <p class=\"tier-price\"><small>Rp<\/small>2.500<span>per bintang<\/span><\/p>\n            <button type=\"button\" class=\"btn-pick\" data-layanan=\"Push Rank\" data-rank=\"Warrior\">Pilih<\/button>\n          <\/article>\n          <article class=\"card tier reveal\" style=\"--tier:#4fd1c5\">\n            <div class=\"tier-icon\"><i class=\"fa-solid fa-chess-knight\"><\/i><\/div>\n            <h4>Master<\/h4>\n            <p class=\"tier-note\">Semua divisi<\/p>\n            <p class=\"tier-price\"><small>Rp<\/small>3.500<span>per bintang<\/span><\/p>\n            <button type=\"button\" class=\"btn-pick\" data-layanan=\"Push Rank\" data-rank=\"Master\">Pilih<\/button>\n          <\/article>\n          <article class=\"card tier reveal\" style=\"--tier:#ff9f43\">\n            <div class=\"tier-icon\"><i class=\"fa-solid fa-chess-king\"><\/i><\/div>\n            <h4>Grandmaster<\/h4>\n            <p class=\"tier-note\">Semua divisi<\/p>\n            <p class=\"tier-price\"><small>Rp<\/small>4.500<span>per bintang<\/span><\/p>\n            <button type=\"button\" class=\"btn-pick\" data-layanan=\"Push Rank\" data-rank=\"Grandmaster\">Pilih<\/button>\n          <\/article>\n          <article class=\"card tier reveal\" style=\"--tier:#b06cff\">\n            <span class=\"badge-hot\">Terlaris<\/span>\n            <div class=\"tier-icon\"><i class=\"fa-solid fa-gem\"><\/i><\/div>\n            <h4>Epic<\/h4>\n            <p class=\"tier-note\">Semua divisi<\/p>\n            <p class=\"tier-price\"><small>Rp<\/small>6.000<span>per bintang<\/span><\/p>\n            <button type=\"button\" class=\"btn-pick\" data-layanan=\"Push Rank\" data-rank=\"Epic\">Pilih<\/button>\n          <\/article>\n          <article class=\"card tier reveal\" style=\"--tier:#ffd700\">\n            <div class=\"tier-icon\"><i class=\"fa-solid fa-dragon\"><\/i><\/div>\n            <h4>Legend<\/h4>\n            <p class=\"tier-note\">Semua divisi<\/p>\n            <p class=\"tier-price\"><small>Rp<\/small>8.000<span>per bintang<\/span><\/p>\n            <button type=\"button\" class=\"btn-pick\" data-layanan=\"Push Rank\" data-rank=\"Legend\">Pilih<\/button>\n          <\/article>\n          <article class=\"card tier reveal\" style=\"--tier:#ff4d6d\">\n            <div class=\"tier-icon\"><i class=\"fa-solid fa-fire-flame-curved\"><\/i><\/div>\n            <h4>Mythic<\/h4>\n            <p class=\"tier-note\">0\u201324 bintang<\/p>\n            <p class=\"tier-price\"><small>Rp<\/small>12.000<span>per bintang<\/span><\/p>\n            <button type=\"button\" class=\"btn-pick\" data-layanan=\"Push Rank\" data-rank=\"Mythic\">Pilih<\/button>\n          <\/article>\n          <article class=\"card tier reveal\" style=\"--tier:#ff7a1a\">\n            <div class=\"tier-icon\"><i class=\"fa-solid fa-crown\"><\/i><\/div>\n            <h4>Mythical Honor<\/h4>\n            <p class=\"tier-note\">25\u201349 bintang<\/p>\n            <p class=\"tier-price\"><small>Rp<\/small>16.000<span>per bintang<\/span><\/p>\n            <button type=\"button\" class=\"btn-pick\" data-layanan=\"Push Rank\" data-rank=\"Mythical Honor\">Pilih<\/button>\n          <\/article>\n          <article class=\"card tier reveal\" style=\"--tier:#00d4ff\">\n            <div class=\"tier-icon\"><i class=\"fa-solid fa-trophy\"><\/i><\/div>\n            <h4>Mythical Glory+<\/h4>\n            <p class=\"tier-note\">50 bintang ke atas<\/p>\n            <p class=\"tier-price\"><small>Rp<\/small>22.000<span>per bintang<\/span><\/p>\n            <button type=\"button\" class=\"btn-pick\" data-layanan=\"Push Rank\" data-rank=\"Mythical Glory\">Pilih<\/button>\n          <\/article>\n        <\/div>\n\n        <!-- 3b. Paket spesial -->\n        <h3 class=\"sub-head reveal\"><i class=\"fa-solid fa-bolt\"><\/i> Paket Spesial<\/h3>\n        <div class=\"pkg-grid\" data-stagger>\n          <article class=\"card pkg reveal\">\n            <div class=\"pkg-top\">\n              <div class=\"pkg-icon\"><i class=\"fa-solid fa-chart-line\"><\/i><\/div>\n              <h4>Winrate Booster<\/h4>\n            <\/div>\n            <p class=\"pkg-desc\">Naikkan winrate hero favoritmu supaya statistik profil makin meyakinkan.<\/p>\n            <p class=\"pkg-price\"><small>Mulai dari<\/small>Rp 35.000 <span>\/ 10 win<\/span><\/p>\n            <ul class=\"pkg-list\">\n              <li><i class=\"fa-solid fa-circle-check\"><\/i> Hero &amp; role sesuai permintaan<\/li>\n              <li><i class=\"fa-solid fa-circle-check\"><\/i> Target winrate disepakati di awal<\/li>\n              <li><i class=\"fa-solid fa-circle-check\"><\/i> Laporan hasil setiap match<\/li>\n            <\/ul>\n            <button type=\"button\" class=\"btn btn-ghost btn-block\" data-layanan=\"Winrate Booster\">Pesan Paket<\/button>\n          <\/article>\n\n          <article class=\"card pkg pkg-featured reveal\">\n            <span class=\"badge-hot\">Paling Aman<\/span>\n            <div class=\"pkg-top\">\n              <div class=\"pkg-icon\"><i class=\"fa-solid fa-user-group\"><\/i><\/div>\n              <h4>Joki Mabar<\/h4>\n            <\/div>\n            <p class=\"pkg-desc\">Main bareng joki pro dalam satu tim. Akun tetap kamu yang pegang, rank naik sambil belajar.<\/p>\n            <p class=\"pkg-price\"><small>Mulai dari<\/small>Rp 7.000 <span>\/ bintang<\/span><\/p>\n            <ul class=\"pkg-list\">\n              <li><i class=\"fa-solid fa-circle-check\"><\/i> Akun tidak perlu dipinjamkan<\/li>\n              <li><i class=\"fa-solid fa-circle-check\"><\/i> Belajar rotasi &amp; draft langsung<\/li>\n              <li><i class=\"fa-solid fa-circle-check\"><\/i> Jadwal main fleksibel<\/li>\n            <\/ul>\n            <button type=\"button\" class=\"btn btn-gold btn-block\" data-layanan=\"Joki Mabar\">Pesan Paket<\/button>\n          <\/article>\n\n          <article class=\"card pkg reveal\">\n            <div class=\"pkg-top\">\n              <div class=\"pkg-icon\"><i class=\"fa-solid fa-gamepad\"><\/i><\/div>\n              <h4>Joki Classic<\/h4>\n            <\/div>\n            <p class=\"pkg-desc\">Untuk misi harian, event, dan grinding mode Classic tanpa memengaruhi rank.<\/p>\n            <p class=\"pkg-price\"><small>Mulai dari<\/small>Rp 2.000 <span>\/ match<\/span><\/p>\n            <ul class=\"pkg-list\">\n              <li><i class=\"fa-solid fa-circle-check\"><\/i> Selesaikan misi &amp; event<\/li>\n              <li><i class=\"fa-solid fa-circle-check\"><\/i> Kumpulkan Battle Point &amp; emblem<\/li>\n              <li><i class=\"fa-solid fa-circle-check\"><\/i> Cocok untuk akun baru<\/li>\n            <\/ul>\n            <button type=\"button\" class=\"btn btn-ghost btn-block\" data-layanan=\"Joki Classic\">Pesan Paket<\/button>\n          <\/article>\n        <\/div>\n\n        <p class=\"price-note reveal\"><i class=\"fa-solid fa-circle-info\"><\/i> Harga dapat berubah saat season atau event baru. Harga final selalu dikonfirmasi admin sebelum pembayaran.<\/p>\n      <\/div>\n    <\/section>\n\n    <!-- ===================== 4. DASHBOARD & CHAT LIVE (mockup \/ ilustrasi) =====================\n         Mockup statis. Pastikan narasinya sesuai layanan nyata Anda \u2014 jika update progres\n         dilakukan lewat WhatsApp, ubah teks di bagian ini agar tidak menyesatkan. -->\n    <section class=\"sec sec-live\" id=\"dashboard\">\n      <div class=\"container\">\n        <div class=\"sec-head reveal\">\n          <span class=\"eyebrow\"><i class=\"fa-solid fa-satellite-dish\"><\/i> Pantau Real-time<\/span>\n          <h2 class=\"sec-title\">Dashboard Order &amp; <span class=\"gold-text\">Chat Live<\/span><\/h2>\n          <p class=\"sec-sub\">Tidak perlu bolak-balik tanya progres. Setiap order punya dashboard pemantauan sendiri dan jalur chat langsung ke joki yang mengerjakan.<\/p>\n        <\/div>\n\n        <div class=\"live-points\" data-stagger>\n          <div class=\"live-point reveal\"><i class=\"fa-solid fa-bars-progress\"><\/i><div><strong>Progress Bar per Bintang<\/strong><span>Lihat berapa bintang yang sudah didapat dan sisa target.<\/span><\/div><\/div>\n          <div class=\"live-point reveal\"><i class=\"fa-solid fa-list-check\"><\/i><div><strong>Status Order Transparan<\/strong><span>Diterima, Diproses, Selesai \u2014 semua tercatat jelas.<\/span><\/div><\/div>\n          <div class=\"live-point reveal\"><i class=\"fa-solid fa-comments\"><\/i><div><strong>Chat Langsung dengan Joki<\/strong><span>Tanya jadwal, request hero, atau minta jeda kapan saja.<\/span><\/div><\/div>\n        <\/div>\n\n        <div class=\"live-grid\">\n          <!-- 4a. Mockup dashboard pemantauan order -->\n          <div class=\"mock reveal\">\n            <div class=\"mock-bar\"><span class=\"dots\"><i><\/i><i><\/i><i><\/i><\/span><span>Dashboard Order<\/span><em class=\"mock-tag\">Ilustrasi<\/em><\/div>\n            <div class=\"mock-body\">\n              <div class=\"order-head\">\n                <div>\n                  <p class=\"order-id\">Order #MVP-2710<\/p>\n                  <p class=\"order-type\">Push Rank \u00b7 dikerjakan oleh Joki Rafi<\/p>\n                <\/div>\n                <span class=\"status status-proses\"><i class=\"fa-solid fa-circle-notch fa-spin\"><\/i> Diproses<\/span>\n              <\/div>\n\n              <div class=\"rank-flow\">\n                <div class=\"rank-box\"><i class=\"fa-solid fa-gem\" style=\"color:#b06cff\"><\/i><span>Epic V<\/span><\/div>\n                <i class=\"fa-solid fa-angles-right arrow\"><\/i>\n                <div class=\"rank-box\"><i class=\"fa-solid fa-dragon\" style=\"color:var(--gold)\"><\/i><span>Legend V<\/span><\/div>\n              <\/div>\n\n              <div class=\"progress-label\"><span>Progres bintang<\/span><strong>16 \/ 25 <i class=\"fa-solid fa-star\"><\/i><\/strong><\/div>\n              <div class=\"progress\" role=\"progressbar\" aria-valuenow=\"64\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-label=\"Progres order 64 persen\">\n                <div class=\"progress-fill\" style=\"--p:64%\"><\/div>\n              <\/div>\n              <div class=\"progress-meta\"><span>64% selesai<\/span><span><i class=\"fa-regular fa-clock\"><\/i> Estimasi: hari ini, 21.00 WIB<\/span><\/div>\n\n              <ol class=\"steps\">\n                <li class=\"done\"><span><i class=\"fa-solid fa-check\"><\/i><\/span>Diterima<\/li>\n                <li class=\"active\"><span><i class=\"fa-solid fa-gamepad\"><\/i><\/span>Diproses<\/li>\n                <li><span><i class=\"fa-solid fa-flag-checkered\"><\/i><\/span>Selesai<\/li>\n              <\/ol>\n\n              <p class=\"mini-label\">5 match terakhir<\/p>\n              <div class=\"matches\">\n                <b class=\"w\">W<\/b><b class=\"w\">W<\/b><b class=\"l\">L<\/b><b class=\"w\">W<\/b><b class=\"w\">W<\/b>\n                <span class=\"wr\">WR sesi <strong>80%<\/strong><\/span>\n              <\/div>\n\n              <p class=\"mini-label\">Riwayat order<\/p>\n              <div class=\"history-item\">\n                <div><strong>#MVP-2652<\/strong><span>Mythic 0 \u2192 12 bintang<\/span><\/div>\n                <span class=\"status status-done\"><i class=\"fa-solid fa-circle-check\"><\/i> Selesai<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- 4b. Mockup chat live dengan joki -->\n          <div class=\"mock chat reveal\">\n            <div class=\"mock-bar\"><span class=\"dots\"><i><\/i><i><\/i><i><\/i><\/span><span>Chat Live<\/span><em class=\"mock-tag\">Ilustrasi<\/em><\/div>\n            <div class=\"chat-head\">\n              <div class=\"avatar\">R<\/div>\n              <div><strong>Joki Rafi \u00b7 #MVP-2710<\/strong><span class=\"online\"><i><\/i> Online<\/span><\/div>\n            <\/div>\n            <div class=\"chat-body\">\n              <div class=\"msg in\"><p>Halo kak, order sudah mulai dikerjakan ya. Progres bisa dipantau di dashboard.<\/p><time>19.02<\/time><\/div>\n              <div class=\"msg out\"><p>Siap bang. Kira-kira selesai jam berapa?<\/p><time>19.05<\/time><\/div>\n              <div class=\"msg in\"><p>Estimasi malam ini kak. Barusan menang 3 match beruntun, sekarang sudah 16 bintang.<\/p><time>19.48<\/time><\/div>\n              <div class=\"msg out\"><p>Mantap, lanjut bang!<\/p><time>19.49<\/time><\/div>\n              <div class=\"typing\" aria-label=\"Joki sedang mengetik\"><span><\/span><span><\/span><span><\/span><\/div>\n            <\/div>\n            <div class=\"chat-input\">\n              <input type=\"text\" placeholder=\"Ketik pesan ke joki...\" disabled aria-label=\"Kolom chat (ilustrasi)\">\n              <button type=\"button\" disabled aria-label=\"Kirim pesan\"><i class=\"fa-solid fa-paper-plane\"><\/i><\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <p class=\"mock-note reveal\"><i class=\"fa-solid fa-circle-info\"><\/i> Tampilan di atas adalah ilustrasi. Akses dashboard &amp; chat dikirim lewat WhatsApp setelah order dikonfirmasi.<\/p>\n      <\/div>\n    <\/section>\n\n    <!-- ===================== 5. TESTIMONI (TEMPLATE) =====================\n         PENTING: ini template. Ganti teks dalam [kurung siku] dengan ulasan ASLI pelanggan\n         (minta izin sebelum menampilkan nickname mereka), dan sesuaikan jumlah bintangnya.\n         Testimoni karangan di situs live bisa menyesatkan calon pembeli. -->\n    <section class=\"sec sec-testi\" id=\"testimoni\">\n      <div class=\"container\">\n        <div class=\"sec-head reveal\">\n          <span class=\"eyebrow\"><i class=\"fa-solid fa-star\"><\/i> Testimoni<\/span>\n          <h2 class=\"sec-title\">Kata <span class=\"gold-text\">Pelanggan<\/span> Kami<\/h2>\n          <p class=\"sec-sub\">Ulasan dari pelanggan yang sudah naik rank bersama MVP TAMAN PALEM.<\/p>\n        <\/div>\n        <div class=\"testi-grid\" data-stagger>\n          <article class=\"card testi reveal\">\n            <i class=\"fa-solid fa-quote-right testi-quote\"><\/i>\n            <div class=\"stars\" aria-label=\"Rating 5 dari 5\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\n            <p class=\"testi-text\">\u201c[Tempel ulasan asli pelanggan di sini \u2014 misalnya tentang kecepatan pengerjaan.]\u201d<\/p>\n            <div class=\"testi-user\">\n              <div class=\"avatar\"><i class=\"fa-solid fa-user\"><\/i><\/div>\n              <div><strong>[Nickname MLBB]<\/strong><span>[Rank awal] \u2192 [Rank akhir]<\/span><\/div>\n            <\/div>\n          <\/article>\n          <article class=\"card testi reveal\">\n            <i class=\"fa-solid fa-quote-right testi-quote\"><\/i>\n            <div class=\"stars\" aria-label=\"Rating 5 dari 5\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\n            <p class=\"testi-text\">\u201c[Tempel ulasan asli pelanggan di sini \u2014 misalnya tentang keamanan akun selama dijoki.]\u201d<\/p>\n            <div class=\"testi-user\">\n              <div class=\"avatar\"><i class=\"fa-solid fa-user\"><\/i><\/div>\n              <div><strong>[Nickname MLBB]<\/strong><span>[Rank awal] \u2192 [Rank akhir]<\/span><\/div>\n            <\/div>\n          <\/article>\n          <article class=\"card testi reveal\">\n            <i class=\"fa-solid fa-quote-right testi-quote\"><\/i>\n            <div class=\"stars\" aria-label=\"Rating 5 dari 5\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\n            <p class=\"testi-text\">\u201c[Tempel ulasan asli pelanggan di sini \u2014 misalnya tentang respons admin &amp; update lewat chat.]\u201d<\/p>\n            <div class=\"testi-user\">\n              <div class=\"avatar\"><i class=\"fa-solid fa-user\"><\/i><\/div>\n              <div><strong>[Nickname MLBB]<\/strong><span>[Rank awal] \u2192 [Rank akhir]<\/span><\/div>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ===================== 6. CTA AKHIR + FORM ORDER =====================\n         Form tidak mengirim data ke server: saat disubmit, WhatsApp terbuka dengan pesan terisi otomatis.\n         Ganti nomor WhatsApp di dua tempat: teks di bawah (#waDisplay) dan WA_NUMBER di <script>. -->\n    <section class=\"sec sec-cta\" id=\"pesan\">\n      <div class=\"container cta-grid\">\n        <div class=\"cta-copy reveal\">\n          <span class=\"eyebrow\"><i class=\"fa-solid fa-rocket\"><\/i> Order Sekarang<\/span>\n          <h2 class=\"sec-title\">Siap <span class=\"gold-text\">Naik Rank<\/span> Musim Ini?<\/h2>\n          <p class=\"sec-sub\">Isi form singkat, admin kami membalas lewat WhatsApp untuk konfirmasi harga dan jadwal. Konsultasi gratis, tanpa kewajiban order.<\/p>\n          <ul class=\"contact-list\">\n            <li><span class=\"ci\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/span><div><small>WhatsApp Admin<\/small><strong id=\"waDisplay\">0812-3456-7890<\/strong><\/div><\/li>\n            <li><span class=\"ci\"><i class=\"fa-regular fa-clock\"><\/i><\/span><div><small>Jam Operasional<\/small><strong>Setiap hari \u00b7 09.00\u201323.00 WIB<\/strong><\/div><\/li>\n            <li><span class=\"ci\"><i class=\"fa-solid fa-wallet\"><\/i><\/span><div><small>Pembayaran<\/small><strong>Transfer bank &amp; e-wallet<\/strong><\/div><\/li>\n          <\/ul>\n          <button type=\"button\" class=\"btn btn-ghost\" data-wa=\"konsultasi\"><i class=\"fa-brands fa-whatsapp\"><\/i> Konsultasi Gratis<\/button>\n        <\/div>\n\n        <form class=\"card order-form reveal\" id=\"orderForm\" novalidate>\n          <h3><i class=\"fa-solid fa-gamepad\"><\/i> Form Order Joki<\/h3>\n          <div class=\"field\">\n            <label for=\"f-nama\">Nama \/ Nickname<\/label>\n            <input id=\"f-nama\" name=\"nama\" type=\"text\" placeholder=\"Contoh: Andi \/ ProPlayer01\" autocomplete=\"name\" required>\n          <\/div>\n          <div class=\"field\">\n            <label for=\"f-hp\">Nomor WhatsApp<\/label>\n            <input id=\"f-hp\" name=\"hp\" type=\"tel\" inputmode=\"tel\" placeholder=\"08xxxxxxxxxx\" autocomplete=\"tel\" required>\n          <\/div>\n          <div class=\"field\">\n            <label for=\"f-layanan\">Layanan<\/label>\n            <select id=\"f-layanan\" name=\"layanan\">\n              <option>Push Rank<\/option>\n              <option>Joki Mabar<\/option>\n              <option>Winrate Booster<\/option>\n              <option>Joki Classic<\/option>\n              <option>Konsultasi dulu<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"field-row\">\n            <div class=\"field\">\n              <label for=\"f-rank\">Rank Sekarang<\/label>\n              <select id=\"f-rank\" name=\"rank\"><option value=\"\">Pilih rank<\/option><\/select>\n            <\/div>\n            <div class=\"field\">\n              <label for=\"f-target\">Target Rank<\/label>\n              <select id=\"f-target\" name=\"target\"><option value=\"\">Pilih target<\/option><\/select>\n            <\/div>\n          <\/div>\n          <p class=\"form-error\" id=\"formError\" role=\"alert\"><\/p>\n          <button type=\"submit\" class=\"btn btn-gold btn-block\"><i class=\"fa-solid fa-angles-up\"><\/i> Mulai Naikkan Rank Sekarang<\/button>\n          <p class=\"form-note\"><i class=\"fa-solid fa-lock\"><\/i> Data hanya dipakai untuk menghubungi Anda. Jangan kirim password di form ini.<\/p>\n        <\/form>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <!-- ===================== FOOTER (tanpa link keluar) ===================== -->\n  <footer class=\"site-footer\">\n    <div class=\"container\">\n      <div class=\"logo\">\n        <span class=\"logo-mark\"><i class=\"fa-solid fa-crown\"><\/i><\/span>\n        <span>MVP TAMAN PALEM<small>Joki MLBB Profesional<\/small><\/span>\n      <\/div>\n      <p>Jasa joki Mobile Legends: Bang Bang \u00b7 Aman \u00b7 Cepat \u00b7 Bergaransi<\/p>\n      <p class=\"disclaimer\">MVP TAMAN PALEM adalah layanan independen dan tidak berafiliasi dengan Moonton maupun Mobile Legends: Bang Bang.<\/p>\n      <p class=\"copy\">\u00a9 <span id=\"yr\">2026<\/span> MVP TAMAN PALEM. Semua hak dilindungi.<\/p>\n    <\/div>\n  <\/footer>\n\n  <!-- Tombol WhatsApp melayang -->\n  <button type=\"button\" class=\"wa-float\" data-wa=\"konsultasi\" aria-label=\"Chat admin via WhatsApp\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/button>\n<\/div>\n\n<script>\n(function () {\n  \/* ===== PENGATURAN \u2014 ganti nomor WhatsApp (format 62, tanpa +, spasi, atau tanda hubung) ===== *\/\n  var WA_NUMBER = '6281234567890';\n  \/* Urutan rank MLBB (dipakai untuk isi dropdown & validasi target) *\/\n  var RANKS = ['Warrior', 'Elite', 'Master', 'Grandmaster', 'Epic', 'Legend', 'Mythic', 'Mythical Honor', 'Mythical Glory', 'Mythical Immortal'];\n\n  var root = document.querySelector('.mvp');\n  root.classList.add('js');\n\n  \/* ===== FAVICON (ikon tab browser) =====\n     Dipasang lewat script karena upload ke Media Library sedang gagal di server.\n     Jika nanti Site Icon diatur di Settings > General, ikon itu otomatis dipakai dan kode ini dilewati. *\/\n  if (!document.querySelector('link[rel~=\"icon\"]')) {\n    var FAVICON_SVG = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><defs><linearGradient id=\"g\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#fff3a0\"\/><stop offset=\".45\" stop-color=\"#ffd700\"\/><stop offset=\"1\" stop-color=\"#ffae00\"\/><\/linearGradient><\/defs><path fill=\"url(#g)\" d=\"M128 26h256l120 230-120 230H128L8 256z\"\/><g fill=\"#1a1200\"><path d=\"M120 190l70 78 66-118 66 118 70-78-28 150H148z\"\/><circle cx=\"120\" cy=\"182\" r=\"24\"\/><circle cx=\"256\" cy=\"140\" r=\"24\"\/><circle cx=\"392\" cy=\"182\" r=\"24\"\/><rect x=\"148\" y=\"358\" width=\"216\" height=\"36\" rx=\"10\"\/><\/g><\/svg>';\n    var favSvgUrl = 'data:image\/svg+xml,' + encodeURIComponent(FAVICON_SVG);\n    var fav = document.createElement('link');\n    fav.id = 'mvp-favicon';\n    fav.rel = 'icon';\n    fav.href = favSvgUrl;\n    document.head.appendChild(fav);\n    \/* Versi PNG 64px untuk browser yang belum mendukung favicon SVG (mis. Safari) *\/\n    var favImg = new Image();\n    favImg.onload = function () {\n      var c = document.createElement('canvas');\n      c.width = 64; c.height = 64;\n      c.getContext('2d').drawImage(favImg, 0, 0, 64, 64);\n      fav.href = c.toDataURL('image\/png');\n    };\n    favImg.src = favSvgUrl;\n  }\n\n  function openWA(text) {\n    window.open('https:\/\/wa.me\/' + WA_NUMBER + '?text=' + encodeURIComponent(text), '_blank', 'noopener');\n  }\n\n  \/* Isi dropdown rank *\/\n  var selRank = document.getElementById('f-rank');\n  var selTarget = document.getElementById('f-target');\n  RANKS.forEach(function (r, i) {\n    selRank.add(new Option(r, r));\n    if (i > 0) selTarget.add(new Option(r, r));\n  });\n\n  \/* Fade-in saat scroll + jeda bertahap untuk kartu dalam grid *\/\n  root.querySelectorAll('[data-stagger]').forEach(function (grid) {\n    Array.prototype.forEach.call(grid.children, function (el, i) {\n      el.style.setProperty('--d', (i % 4) * 0.08 + 's');\n    });\n  });\n  var items = root.querySelectorAll('.reveal');\n  if ('IntersectionObserver' in window) {\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (e) {\n        if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); }\n      });\n    }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n    items.forEach(function (el) { io.observe(el); });\n  } else {\n    items.forEach(function (el) { el.classList.add('in'); });\n  }\n\n  \/* Tombol \"Pilih\" \/ \"Pesan Paket\" -> isi form otomatis & scroll ke form *\/\n  var form = document.getElementById('orderForm');\n  function setSelect(sel, val) {\n    for (var i = 0; i < sel.options.length; i++) {\n      if (sel.options[i].value === val) { sel.selectedIndex = i; return; }\n    }\n  }\n  root.querySelectorAll('[data-layanan]').forEach(function (btn) {\n    btn.addEventListener('click', function () {\n      setSelect(form.elements.layanan, btn.dataset.layanan);\n      if (btn.dataset.rank) setSelect(selRank, btn.dataset.rank);\n      document.getElementById('pesan').scrollIntoView({ behavior: 'smooth' });\n      form.classList.remove('flash'); void form.offsetWidth; form.classList.add('flash');\n      setTimeout(function () { form.elements.nama.focus({ preventScroll: true }); }, 700);\n    });\n  });\n\n  \/* Tombol konsultasi gratis *\/\n  root.querySelectorAll('[data-wa=\"konsultasi\"]').forEach(function (btn) {\n    btn.addEventListener('click', function () {\n      openWA('Halo admin MVP TAMAN PALEM, saya mau konsultasi gratis soal joki rank MLBB.');\n    });\n  });\n\n  \/* Submit form -> buka WhatsApp dengan pesan terisi *\/\n  var errBox = document.getElementById('formError');\n  function fail(msg, field) { errBox.textContent = msg; if (field) field.focus(); }\n\n  form.addEventListener('submit', function (ev) {\n    ev.preventDefault();\n    var f = form.elements;\n    var nama = f.nama.value.trim();\n    var hp = f.hp.value.replace(\/[\\s.-]\/g, '');\n    var layanan = f.layanan.value;\n    var rank = f.rank.value;\n    var target = f.target.value;\n\n    if (!nama) return fail('Nama \/ nickname wajib diisi.', f.nama);\n    if (!\/^(\\+?62|0)8\\d{7,12}$\/.test(hp)) return fail('Nomor WhatsApp belum valid (contoh: 081234567890).', f.hp);\n    if ((layanan === 'Push Rank' || layanan === 'Joki Mabar') && !target) return fail('Pilih target rank dulu ya.', f.target);\n    if (rank && target && RANKS.indexOf(target) < RANKS.indexOf(rank)) return fail('Target rank tidak boleh lebih rendah dari rank sekarang.', f.target);\n    errBox.textContent = '';\n\n    var msg = '*Order Joki \u2013 MVP TAMAN PALEM*\\n\\n' +\n      'Nama: ' + nama + '\\n' +\n      'No. WA: ' + hp + '\\n' +\n      'Layanan: ' + layanan + '\\n' +\n      'Rank sekarang: ' + (rank || '-') + '\\n' +\n      'Target rank: ' + (target || '-') + '\\n\\n' +\n      'Mohon info harga &#038; jadwalnya. Terima kasih!';\n    openWA(msg);\n  });\n\n  document.getElementById('yr').textContent = new Date().getFullYear();\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>MVP TAMAN PALEMJoki MLBB Profesional Pesan MVP TAMAN PALEM Joki Rank MLBB Aman Cepat Bergaransi Push Rank Tanpa Drama, Tembus Mythic Lebih Cepat Stuck di Epic atau Legend? Serahkan ke joki berpengalaman MVP TAMAN PALEM. Kamu tinggal pantau progres per bintang dan ngobrol langsung dengan jokinya \u2014 dari Warrior sampai Mythical Glory. Pesan Sekarang Lihat [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"mvp-landing","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/damascusduckhouse.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/damascusduckhouse.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/damascusduckhouse.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/damascusduckhouse.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/damascusduckhouse.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":2,"href":"https:\/\/damascusduckhouse.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/damascusduckhouse.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/damascusduckhouse.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}