01
Penelusuran Merek
Membantu menemukan merek yang memiliki kemiripan atau relevansi dengan nama yang ingin kamu gunakan.
RESMI & TERPERCAYA
Urus Legalitas Usaha Anda Mudah, Cepat, dan Transparan
•
100% Sesuai Regulasi
MEREK & HKI
Sebelum Daftar Merek,
Telusuri Terlebih Dahulu.
Pastikan nama merek yang ingin kamu gunakan telah melalui proses penelusuran terlebih dahulu. Dapatkan gambaran mengenai merek yang memiliki kemiripan sebelum melanjutkan ke tahap berikutnya.
✓ Proses Terarah
✓ Informasi Transparan
✓ Laporan Digital
Penelusuran Merek
®
Kenapa Perlu Melakukan Penelusuran Merek?
Sebelum menginvestasikan waktu dan biaya untuk sebuah merek, penting untuk mengetahui kondisi merek yang memiliki kemiripan terlebih dahulu.
- ✓ Mengetahui merek yang memiliki kemiripan
- ✓ Mendapatkan informasi awal sebelum mendaftar
- ✓ Membantu menentukan langkah selanjutnya
✓
Cek Kemiripan Merek
Analisis Pangkalan Data DJKI
★
Informasi Transparan
Laporan Hasil Digital Cepat
Layanan
Apa yang Kamu Dapatkan?
Penelusuran dilakukan untuk memberikan informasi awal yang lebih terarah mengenai nama merek yang ingin digunakan.
02
Informasi Lebih Terarah
Hasil penelusuran membantu kamu memiliki gambaran awal sebelum menentukan langkah berikutnya.
03
Laporan Digital
Hasil penelusuran disampaikan dalam bentuk digital agar lebih mudah disimpan dan dipelajari.
Cara Kerja
Proses Mudah & Terarah
Alur praktis mulai dari pemesanan hingga penerimaan hasil penelusuran.
1
Pesan Layanan
Pilih layanan penelusuran dengan harga terjangkau Rp199.000.
2
Isi Form
Lengkapi data merek dan informasi usaha yang dibutuhkan.
3
Proses Penelusuran
Tim profesional melakukan proses penelusuran sesuai standar.
4
Terima Hasil
Hasil penelusuran disampaikan secara resmi dalam bentuk digital.
Harga Layanan
Paket Penelusuran Merek
Satu layanan terjangkau untuk membantu kamu mendapatkan gambaran awal mengenai nama merek yang ingin digunakan.
LAYANAN PENELUSURAN MEREK
Penelusuran Merek
Cocok untuk kamu yang ingin melakukan pengecekan awal sebelum melanjutkan proses pendaftaran merek.
Biaya Layanan Terjangkau
Rp199.000
- Penelusuran nama merek
- Identifikasi merek serupa
- Informasi hasil penelusuran
- Laporan digital
- Proses terarah
- Update proses berkala
Form Order Langsung
Lengkapi data pemesanan di bawah ini jika ingin memesan langsung:
* Penelusuran merek merupakan informasi awal berdasarkan hasil penelusuran pangkalan data dan tidak merupakan jaminan bahwa permohonan merek pasti akan diterima oleh instansi resmi.
FAQ
Pertanyaan Sering Diajukan
Temukan jawaban cepat seputar layanan penelusuran merek dagang.
Penelusuran merek adalah proses untuk menemukan dan melihat merek yang memiliki kemiripan atau relevansi dengan nama merek yang ingin kamu gunakan dalam kelas barang/jasa tertentu.
Harga layanan penelusuran merek pada halaman ini adalah Rp199.000 bersih tanpa biaya tersembunyi.
Tidak. Penelusuran memberikan informasi awal mengenai kondisi merek yang ditemukan dan bukan merupakan jaminan mutlak bahwa permohonan pendaftaran merek pasti diterima oleh pemeriksa DJKI.
Klik tombol WhatsApp pada paket layanan, kemudian kamu juga dapat melengkapi form order yang tersedia tepat di bawah tombol tersebut.
Tidak harus. Kamu dapat langsung melakukan pemesanan melalui tombol WhatsApp atau mengisi form order yang telah disediakan.
Proses penelusuran umumnya selesai dalam 1x24 jam kerja, dan hasilnya akan langsung dikirimkan dalam bentuk laporan digital via WhatsApp/Email.
PARTNER LEGALITAS TERPERCAYA
Pesan Penelusuran Merek
Sudah Punya Nama Merek Usaha?
Lakukan penelusuran terlebih dahulu sebelum melangkah lebih jauh dan menginvestasikan biaya lebih besar.
{"page":{"_id":"6a8f61297b6fafbe68258702","title":"Penelusuran dan analisa Merek","sections":{"byId":{"1eb5":{"_id":"1eb5","key":"section","name":"Section 1","attributes":{"style":{"position":"initial","marginTop":"0px","paddingTop":"0px","paddingBottom":"0px","paddingLeft":"0px","paddingRight":"0px","width":"100%","alignSelf":"center","backgroundImage":"","backgroundColor":"#FFFFFFFF","color":"#000000FF","desktop":{"paddingTop":"0px","paddingBottom":"0px"},"tablet":{"paddingTop":"0px","paddingBottom":"0px","marginTop":"0px"},"mobile":{"paddingTop":"0px","paddingBottom":"0px","marginTop":"0px"}},"width":"xl","background":true,"backgroundImageStyle":"None","backgroundVideo":false,"backgroundVideoUrl":"","shadowOverride":false,"borderOverride":false,"cornerOverride":false,"border":false,"corner":false,"shadow":false,"className":""},"components":{"byId":{"G5FT":{"_id":"G5FT","key":"other-html","name":"HTML","attributes":{"htmlstring":"<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Jasa Penelusuran Merek | Jelas Legal</title>\n<meta name=\"description\" content=\"Jasa penelusuran merek Jelas Legal. Cek potensi kemiripan merek sebelum melanjutkan proses pendaftaran. Harga Rp199.000.\">\n\n<link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n<link href=\"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,600&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n --navy-dark: #0b1528;\n --navy-main: #11223f;\n --navy-light: #1e3357;\n --gold-primary: #ca922d;\n --gold-hover: #b27e20;\n --gold-light: #fbf5e9;\n --gold-border: #ebd9b6;\n --emerald-wa: #25d366;\n --emerald-hover: #1ebe5d;\n --emerald-light: #e8f9ee;\n --bg-page: #fcfbf9;\n --bg-card: #ffffff;\n --text-primary: #0f172a;\n --text-secondary: #475569;\n --text-muted: #64748b;\n --border-subtle: #e2e8f0;\n --border-warm: #eee6d8;\n --shadow-sm: 0 2px 8px rgba(17, 34, 63, 0.04);\n --shadow-md: 0 10px 30px rgba(17, 34, 63, 0.07);\n --shadow-lg: 0 20px 40px rgba(17, 34, 63, 0.12);\n --radius-sm: 10px;\n --radius-md: 16px;\n --radius-lg: 24px;\n --radius-pill: 9999px;\n --container-max: 1200px;\n}\n\n*, *::before, *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nhtml {\n scroll-behavior: smooth;\n -webkit-text-size-adjust: 100%;\n}\n\nbody {\n font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;\n color: var(--text-primary);\n background-color: var(--bg-page);\n line-height: 1.65;\n font-size: 15px;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\n\na {\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n}\n\nimg, svg {\n vertical-align: middle;\n}\n\n.container {\n width: min(var(--container-max), calc(100% - 40px));\n margin-inline: auto;\n}\n\n.topbar {\n background: linear-gradient(90deg, #0b1528, #11223f);\n color: #f1f5f9;\n font-size: 12.5px;\n font-weight: 600;\n padding: 9px 16px;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n letter-spacing: 0.02em;\n border-bottom: 1px solid rgba(255,255,255,0.08);\n}\n\n.topbar .badge-spark {\n background: rgba(202, 146, 45, 0.25);\n color: #fce3a6;\n padding: 2px 8px;\n border-radius: var(--radius-pill);\n font-size: 11px;\n font-weight: 700;\n border: 1px solid rgba(202, 146, 45, 0.4);\n}\n\n.topbar .dot {\n opacity: 0.4;\n}\n\nheader {\n position: sticky;\n top: 0;\n z-index: 1000;\n background: rgba(255, 255, 255, 0.92);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border-bottom: 1px solid var(--border-warm);\n transition: background 0.3s ease;\n}\n\n.nav {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 80px;\n}\n\n.logo {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.logo-img {\n height: 48px;\n width: auto;\n object-fit: contain;\n}\n\n.nav-links {\n display: flex;\n align-items: center;\n gap: 32px;\n list-style: none;\n}\n\n.nav-links a {\n font-size: 14px;\n font-weight: 600;\n color: var(--text-secondary);\n padding: 8px 0;\n position: relative;\n}\n\n.nav-links a:hover {\n color: var(--gold-primary);\n}\n\n.nav-links a::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0%;\n height: 2.5px;\n background: var(--gold-primary);\n border-radius: 4px;\n transition: width 0.25s ease;\n}\n\n.nav-links a:hover::after {\n width: 100%;\n}\n\n.nav-cta {\n background: var(--navy-main);\n color: #ffffff;\n padding: 12px 24px;\n border-radius: var(--radius-pill);\n font-size: 13.5px;\n font-weight: 700;\n box-shadow: var(--shadow-sm);\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n\n.nav-cta:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: var(--shadow-md);\n color: #fff;\n}\n\n.menu-toggle {\n display: none;\n background: none;\n border: none;\n font-size: 26px;\n color: var(--navy-dark);\n cursor: pointer;\n padding: 6px;\n}\n\n.hero {\n position: relative;\n padding: 72px 0 60px;\n background: radial-gradient(circle at 85% 20%, rgba(251, 245, 233, 0.8) 0%, rgba(252, 251, 249, 1) 70%);\n overflow: hidden;\n}\n\n.hero-grid {\n display: grid;\n grid-template-columns: 1.05fr 0.95fr;\n align-items: center;\n gap: 56px;\n}\n\n.eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: var(--gold-light);\n color: #8c5d0d;\n border: 1px solid var(--gold-border);\n border-radius: var(--radius-pill);\n padding: 7px 16px;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.03em;\n margin-bottom: 22px;\n box-shadow: var(--shadow-sm);\n}\n\n.eyebrow-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--gold-primary);\n box-shadow: 0 0 8px rgba(202, 146, 45, 0.6);\n}\n\n.hero h1 {\n font-family: 'Playfair Display', serif;\n color: var(--navy-dark);\n font-size: clamp(38px, 4.8vw, 58px);\n line-height: 1.14;\n letter-spacing: -0.02em;\n font-weight: 700;\n}\n\n.hero h1 .highlight {\n color: var(--gold-primary);\n position: relative;\n display: inline-block;\n}\n\n.hero h1 .highlight::after {\n content: \"\";\n position: absolute;\n bottom: 4px;\n left: 0;\n width: 100%;\n height: 8px;\n background: rgba(202, 146, 45, 0.15);\n z-index: -1;\n border-radius: 4px;\n}\n\n.hero-copy {\n font-size: 16.5px;\n color: var(--text-secondary);\n line-height: 1.7;\n margin: 22px 0 32px;\n max-width: 580px;\n font-weight: 450;\n}\n\n.hero-actions {\n display: flex;\n align-items: center;\n gap: 16px;\n flex-wrap: wrap;\n margin-bottom: 36px;\n}\n\n.btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 52px;\n padding: 0 26px;\n border-radius: var(--radius-pill);\n font-size: 14px;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n border: none;\n}\n\n.btn-gold {\n background: linear-gradient(135deg, #d49a33, #a47116);\n color: #ffffff;\n box-shadow: 0 8px 24px rgba(202, 146, 45, 0.25);\n}\n\n.btn-gold:hover {\n background: linear-gradient(135deg, #b27e20, #885c0e);\n transform: translateY(-3px);\n box-shadow: 0 12px 28px rgba(202, 146, 45, 0.35);\n color: #ffffff;\n}\n\n.btn-wa {\n background: var(--emerald-wa);\n color: #ffffff;\n box-shadow: 0 8px 24px rgba(37, 211, 102, 0.3);\n gap: 10px;\n}\n\n.btn-wa:hover {\n background: var(--emerald-hover);\n transform: translateY(-3px);\n box-shadow: 0 12px 28px rgba(37, 211, 102, 0.4);\n color: #ffffff;\n}\n\n.btn-outline {\n background: #ffffff;\n color: var(--navy-dark);\n border: 1.5px solid var(--border-subtle);\n box-shadow: var(--shadow-sm);\n}\n\n.btn-outline:hover {\n border-color: var(--gold-primary);\n color: var(--gold-primary);\n transform: translateY(-2px);\n box-shadow: var(--shadow-md);\n}\n\n.wa-icon {\n width: 21px;\n height: 21px;\n flex-shrink: 0;\n fill: currentColor;\n}\n\n.trust-row {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n padding-top: 10px;\n border-top: 1px dashed var(--border-warm);\n}\n\n.trust-item {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 7px 14px;\n background: #ffffff;\n border: 1px solid var(--border-warm);\n border-radius: var(--radius-sm);\n font-size: 12.5px;\n font-weight: 600;\n color: var(--text-secondary);\n box-shadow: 0 2px 6px rgba(0,0,0,0.02);\n}\n\n.trust-item span {\n color: var(--gold-primary);\n font-weight: 800;\n}\n\n.hero-art-container {\n position: relative;\n display: grid;\n place-items: center;\n}\n\n.hero-art-card {\n width: 100%;\n max-width: 480px;\n background: linear-gradient(145deg, #ffffff, #fdfbf7);\n border: 1px solid var(--gold-border);\n border-radius: var(--radius-lg);\n padding: 32px 28px;\n box-shadow: var(--shadow-lg);\n position: relative;\n text-align: left;\n}\n\n.hero-card-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 20px;\n padding-bottom: 16px;\n border-bottom: 1px solid var(--border-subtle);\n}\n\n.hero-card-tag {\n background: var(--gold-light);\n color: #8c5d0d;\n border: 1px solid var(--gold-border);\n padding: 4px 12px;\n border-radius: var(--radius-pill);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n}\n\n.brand-icon-box {\n width: 46px;\n height: 46px;\n border-radius: 12px;\n background: var(--gold-light);\n border: 1px solid var(--gold-border);\n color: var(--gold-primary);\n display: grid;\n place-items: center;\n font-size: 22px;\n font-weight: 700;\n}\n\n.hero-art-card h2 {\n font-family: 'Playfair Display', serif;\n font-size: 24px;\n color: var(--navy-dark);\n font-weight: 700;\n line-height: 1.25;\n margin-bottom: 10px;\n}\n\n.hero-art-card p {\n font-size: 13.5px;\n color: var(--text-secondary);\n line-height: 1.6;\n}\n\n.mini-check-list {\n list-style: none;\n display: grid;\n gap: 12px;\n margin-top: 22px;\n padding-top: 18px;\n border-top: 1px dashed var(--border-warm);\n}\n\n.mini-check-list li {\n font-size: 13px;\n color: var(--text-secondary);\n display: flex;\n align-items: flex-start;\n gap: 10px;\n font-weight: 500;\n}\n\n.mini-check-list li span {\n color: var(--gold-primary);\n font-weight: 800;\n font-size: 14px;\n flex-shrink: 0;\n}\n\n.art-badge-floating {\n position: absolute;\n background: #ffffff;\n border: 1px solid var(--border-warm);\n border-radius: var(--radius-md);\n padding: 12px 18px;\n box-shadow: var(--shadow-md);\n display: flex;\n align-items: center;\n gap: 12px;\n text-align: left;\n z-index: 10;\n animation: float 4s ease-in-out infinite;\n}\n\n.art-badge-floating.top-right {\n top: 15px;\n right: -20px;\n}\n\n.art-badge-floating.bottom-left {\n bottom: -15px;\n left: -20px;\n animation-delay: 2s;\n}\n\n@keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-8px); }\n}\n\n.badge-icon-box {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: var(--gold-light);\n color: var(--gold-primary);\n display: grid;\n place-items: center;\n font-size: 18px;\n font-weight: 700;\n flex-shrink: 0;\n}\n\n.badge-icon-box.green {\n background: var(--emerald-light);\n color: var(--emerald-wa);\n}\n\n.art-badge-floating strong {\n display: block;\n font-size: 13px;\n color: var(--navy-dark);\n}\n\n.art-badge-floating span {\n font-size: 11.5px;\n color: var(--text-muted);\n}\n\n.section {\n padding: 80px 0;\n}\n\n.section-head {\n text-align: center;\n max-width: 720px;\n margin: 0 auto 50px;\n}\n\n.kicker {\n display: inline-block;\n font-size: 12px;\n font-weight: 800;\n color: var(--gold-primary);\n letter-spacing: 0.12em;\n text-transform: uppercase;\n margin-bottom: 10px;\n background: var(--gold-light);\n padding: 4px 12px;\n border-radius: var(--radius-pill);\n border: 1px solid var(--gold-border);\n}\n\n.section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(28px, 3.5vw, 40px);\n color: var(--navy-dark);\n line-height: 1.22;\n font-weight: 700;\n}\n\n.section-desc {\n font-size: 15.5px;\n color: var(--text-secondary);\n margin-top: 14px;\n line-height: 1.65;\n}\n\n.benefits-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n}\n\n.benefit-card {\n background: var(--bg-card);\n border: 1px solid var(--border-warm);\n border-radius: var(--radius-lg);\n padding: 32px 26px;\n box-shadow: var(--shadow-sm);\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n}\n\n.benefit-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--shadow-lg);\n border-color: var(--gold-border);\n}\n\n.benefit-number {\n font-family: 'Playfair Display', serif;\n font-size: 32px;\n font-weight: 700;\n color: var(--gold-primary);\n line-height: 1;\n margin-bottom: 16px;\n}\n\n.benefit-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 22px;\n color: var(--navy-dark);\n margin-bottom: 10px;\n}\n\n.benefit-card p {\n font-size: 13.5px;\n color: var(--text-muted);\n line-height: 1.6;\n}\n\n.process-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n position: relative;\n}\n\n.process-grid::before {\n content: \"\";\n position: absolute;\n top: 32px;\n left: 10%;\n right: 10%;\n height: 2px;\n background: var(--gold-border);\n z-index: 0;\n}\n\n.step-card {\n position: relative;\n z-index: 1;\n text-align: center;\n background: var(--bg-card);\n padding: 24px 16px;\n border-radius: var(--radius-md);\n border: 1px solid var(--border-warm);\n box-shadow: var(--shadow-sm);\n}\n\n.step-number {\n width: 58px;\n height: 58px;\n border-radius: 50%;\n margin: 0 auto 16px;\n background: #ffffff;\n border: 2px solid var(--gold-primary);\n color: var(--gold-primary);\n font-family: 'Playfair Display', serif;\n font-size: 22px;\n font-weight: 700;\n display: grid;\n place-items: center;\n box-shadow: 0 4px 12px rgba(202, 146, 45, 0.15);\n}\n\n.step-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 18px;\n color: var(--navy-dark);\n margin-bottom: 8px;\n}\n\n.step-card p {\n font-size: 12.5px;\n color: var(--text-muted);\n line-height: 1.55;\n}\n\n.pricing-wrap {\n max-width: 760px;\n margin: 0 auto;\n}\n\n.pricing-card {\n position: relative;\n background: linear-gradient(180deg, #ffffff 0%, #fffdfa 100%);\n border: 2px solid var(--gold-primary);\n border-radius: var(--radius-lg);\n padding: 42px 36px;\n box-shadow: 0 16px 40px rgba(202, 146, 45, 0.12);\n}\n\n.price-badge-top {\n position: absolute;\n top: -16px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--gold-primary);\n color: #ffffff;\n padding: 6px 20px;\n border-radius: var(--radius-pill);\n font-size: 11px;\n font-weight: 800;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n box-shadow: 0 4px 12px rgba(202, 146, 45, 0.25);\n white-space: nowrap;\n}\n\n.pricing-header {\n text-align: center;\n}\n\n.pricing-header h3 {\n font-family: 'Playfair Display', serif;\n font-size: 32px;\n color: var(--navy-dark);\n margin-bottom: 8px;\n}\n\n.pricing-header p {\n font-size: 14px;\n color: var(--text-muted);\n max-width: 520px;\n margin: 0 auto;\n}\n\n.price-tag-box {\n text-align: center;\n margin: 28px 0;\n padding: 24px 0;\n border-top: 1px solid var(--border-subtle);\n border-bottom: 1px solid var(--border-subtle);\n}\n\n.price-tag-box span {\n display: block;\n font-size: 12px;\n font-weight: 700;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin-bottom: 4px;\n}\n\n.price-amount {\n font-family: 'Playfair Display', serif;\n font-size: 48px;\n font-weight: 700;\n color: var(--navy-dark);\n line-height: 1;\n}\n\n.price-features-grid {\n list-style: none;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 14px 20px;\n margin-bottom: 32px;\n}\n\n.price-features-grid li {\n font-size: 13.5px;\n color: var(--text-secondary);\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: 500;\n}\n\n.price-features-grid li::before {\n content: \"✓\";\n color: var(--gold-primary);\n font-weight: 800;\n font-size: 14px;\n flex-shrink: 0;\n}\n\n.order-form-wrapper {\n margin-top: 36px;\n padding-top: 32px;\n border-top: 1px dashed var(--border-warm);\n}\n\n.form-title-box {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.form-title-box strong {\n display: block;\n font-family: 'Playfair Display', serif;\n font-size: 22px;\n color: var(--navy-dark);\n}\n\n.form-title-box span {\n font-size: 12.5px;\n color: var(--text-muted);\n}\n\n.embed-box {\n width: 100%;\n min-height: 380px;\n border: 1px dashed var(--gold-border);\n border-radius: var(--radius-md);\n background: #fdfbf7;\n overflow: hidden;\n}\n\n.embed-placeholder {\n min-height: 380px;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 30px;\n color: var(--text-muted);\n font-size: 13px;\n}\n\n.legal-note {\n max-width: 720px;\n margin: 24px auto 0;\n text-align: center;\n color: var(--text-muted);\n font-size: 12px;\n line-height: 1.65;\n}\n\n.faq-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 16px;\n}\n\n.faq-item {\n background: var(--bg-card);\n border: 1px solid var(--border-warm);\n border-radius: var(--radius-md);\n overflow: hidden;\n transition: border-color 0.2s ease;\n}\n\n.faq-item.open {\n border-color: var(--gold-primary);\n box-shadow: var(--shadow-sm);\n}\n\n.faq-question {\n width: 100%;\n padding: 18px 20px;\n background: none;\n border: none;\n text-align: left;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 14px;\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 14px;\n font-weight: 700;\n color: var(--navy-dark);\n cursor: pointer;\n}\n\n.faq-toggle-icon {\n font-size: 20px;\n color: var(--gold-primary);\n font-weight: 600;\n line-height: 1;\n}\n\n.faq-answer {\n display: none;\n padding: 0 20px 18px;\n font-size: 13px;\n color: var(--text-secondary);\n line-height: 1.65;\n}\n\n.faq-item.open .faq-answer {\n display: block;\n}\n\n.cta-banner {\n background: linear-gradient(135deg, #0b1528, #11223f, #1e3357);\n border-radius: var(--radius-lg);\n padding: 56px 48px;\n color: #ffffff;\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: center;\n gap: 36px;\n box-shadow: var(--shadow-lg);\n position: relative;\n overflow: hidden;\n}\n\n.cta-banner::before {\n content: \"\";\n position: absolute;\n top: -100px;\n right: -100px;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(202, 146, 45, 0.2) 0%, transparent 70%);\n pointer-events: none;\n}\n\n.cta-banner .kicker {\n background: rgba(202, 146, 45, 0.2);\n color: #fce3a6;\n border-color: rgba(202, 146, 45, 0.4);\n}\n\n.cta-banner h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(26px, 3vw, 36px);\n color: #ffffff;\n line-height: 1.25;\n}\n\n.cta-banner p {\n font-size: 14.5px;\n color: #cbd5e1;\n margin-top: 10px;\n max-width: 620px;\n}\n\nfooter {\n background: #ffffff;\n border-top: 1px solid var(--border-warm);\n padding: 60px 0 24px;\n}\n\n.footer-grid {\n display: grid;\n grid-template-columns: 1.5fr 1fr 1fr 1fr;\n gap: 40px;\n}\n\n.footer-brand p {\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 16px;\n line-height: 1.65;\n max-width: 320px;\n}\n\n.footer-title {\n font-size: 12px;\n font-weight: 800;\n color: var(--navy-dark);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n margin-bottom: 16px;\n}\n\n.footer-links {\n list-style: none;\n display: grid;\n gap: 10px;\n}\n\n.footer-links a {\n font-size: 13px;\n color: var(--text-secondary);\n}\n\n.footer-links a:hover {\n color: var(--gold-primary);\n}\n\n.footer-bottom {\n margin-top: 48px;\n padding-top: 20px;\n border-top: 1px solid var(--border-subtle);\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n font-size: 12px;\n color: var(--text-muted);\n}\n\n.floating-wa-btn {\n position: fixed;\n bottom: 24px;\n right: 24px;\n z-index: 999;\n background: var(--emerald-wa);\n color: #ffffff;\n padding: 12px 20px;\n border-radius: var(--radius-pill);\n box-shadow: 0 10px 25px rgba(37, 211, 102, 0.4);\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 13.5px;\n font-weight: 700;\n transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n\n.floating-wa-btn:hover {\n transform: translateY(-4px) scale(1.02);\n box-shadow: 0 14px 30px rgba(37, 211, 102, 0.5);\n color: #ffffff;\n}\n\n@media (max-width: 1024px) {\n .hero-grid {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n .hero-art-container {\n order: -1;\n }\n .benefits-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n .cta-banner {\n grid-template-columns: 1fr;\n text-align: center;\n }\n .cta-banner p {\n margin-inline: auto;\n }\n .cta-banner .btn {\n justify-self: center;\n }\n}\n\n@media (max-width: 768px) {\n .nav-links {\n display: none;\n position: absolute;\n top: 80px;\n left: 20px;\n right: 20px;\n background: #ffffff;\n border: 1px solid var(--border-warm);\n border-radius: var(--radius-md);\n padding: 16px;\n box-shadow: var(--shadow-lg);\n flex-direction: column;\n gap: 0;\n }\n .nav-links.active {\n display: flex;\n }\n .nav-links a {\n width: 100%;\n padding: 12px 16px;\n }\n .nav-cta {\n display: none;\n }\n .menu-toggle {\n display: block;\n }\n .hero {\n padding: 40px 0 30px;\n }\n .hero h1 {\n font-size: 34px;\n }\n .benefits-grid, .faq-grid {\n grid-template-columns: 1fr;\n }\n .process-grid {\n grid-template-columns: 1fr;\n }\n .process-grid::before {\n display: none;\n }\n .price-features-grid {\n grid-template-columns: 1fr;\n }\n .art-badge-floating {\n display: none;\n }\n .footer-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n .footer-bottom {\n flex-direction: column;\n text-align: center;\n }\n}\n\n@media (max-width: 480px) {\n .footer-grid {\n grid-template-columns: 1fr;\n }\n .hero-actions .btn {\n width: 100%;\n }\n .cta-banner {\n padding: 32px 24px;\n }\n .pricing-card {\n padding: 32px 20px;\n }\n .floating-wa-btn span {\n display: none;\n }\n .floating-wa-btn {\n padding: 14px;\n border-radius: 50%;\n bottom: 18px;\n right: 18px;\n }\n}\n</style>\n</head>\n\n<body>\n\n<div class=\"topbar\">\n <span class=\"badge-spark\">RESMI & TERPERCAYA</span>\n <span>Urus Legalitas Usaha Anda Mudah, Cepat, dan Transparan</span>\n <span class=\"dot\">•</span>\n <span>100% Sesuai Regulasi</span>\n</div>\n\n<header>\n <div class=\"container nav\">\n <a class=\"logo\" href=\"/\">\n <img src=\"https://cdn.orderhero.id/users/6a729bb7e1a1078a345dd805/landing-gallery/2026/08/26/60842204cca2a637984c4265.webp\" alt=\"Logo Jelas Legal\" class=\"logo-img\">\n </a>\n\n <ul class=\"nav-links\" id=\"navLinks\">\n <li><a href=\"/\">Home</a></li>\n <li><a href=\"#layanan\">Layanan</a></li>\n <li><a href=\"#proses\">Cara Kerja</a></li>\n <li><a href=\"#harga\">Harga</a></li>\n <li><a href=\"#faq\">FAQ</a></li>\n </ul>\n\n <a class=\"nav-cta\" href=\"https://wa.me/6281234567890?text=Halo%20Jelas%20Legal,%20saya%20ingin%20konsultasi%20mengenai%20jasa%20penelusuran%20merek.\" data-lead-wa=\"true\" target=\"_blank\" rel=\"noopener\">Konsultasi Gratis</a>\n <button class=\"menu-toggle\" id=\"menuBtn\" aria-label=\"Menu Navigasi\">☰</button>\n </div>\n</header>\n\n<main id=\"home\">\n<section class=\"hero\">\n <div class=\"container hero-grid\">\n <div class=\"hero-content\">\n <div class=\"eyebrow\">\n <span class=\"eyebrow-dot\"></span>\n MEREK & HKI\n </div>\n <h1>Sebelum Daftar Merek,<br><span class=\"highlight\">Telusuri Terlebih Dahulu.</span></h1>\n <p class=\"hero-copy\">Pastikan nama merek yang ingin kamu gunakan telah melalui proses penelusuran terlebih dahulu. Dapatkan gambaran mengenai merek yang memiliki kemiripan sebelum melanjutkan ke tahap berikutnya.</p>\n\n <div class=\"hero-actions\">\n <a class=\"btn btn-gold\" href=\"#harga\">Lihat Harga Rp199.000</a>\n <a class=\"btn btn-wa\" href=\"https://wa.me/6281234567890?text=Halo%20Jelas%20Legal,%20saya%20ingin%20konsultasi%20mengenai%20penelusuran%20merek.\" data-lead-wa=\"true\" target=\"_blank\" rel=\"noopener\">\n <svg class=\"wa-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M20.5 3.5A11.8 11.8 0 0 0 12.08 0C5.55 0 .24 5.3.24 11.83c0 2.08.54 4.11 1.57 5.9L.14 24l6.42-1.64a11.8 11.8 0 0 0 5.52 1.36h.01c6.52 0 11.83-5.3 11.83-11.83 0-3.16-1.23-6.13-3.42-8.39ZM12.09 21.7h-.01a9.8 9.8 0 0 1-5-.1l-.36-.14-3.81.97 1.02-3.71-.17-.38a9.82 9.82 0 1 1 8.33 3.36Zm5.38-7.36c-.29-.15-1.71-.84-1.98-.93-.27-.1-.47-.15-.67.15-.2.29-.77.93-.94 1.12-.17.2-.35.22-.64.07-.29-.15-1.21-.45-2.3-1.43-.85-.76-1.43-1.7-1.6-1.99-.17-.29-.02-.45.13-.6.13-.13.29-.34.44-.51.15-.17.2-.29.3-.49.1-.2.05-.37-.02-.52-.07-.15-.67-1.6-.91-2.19-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.29-1.04 1.02-1.04 2.48s1.07 2.87 1.21 3.07c.15.2 2.1 3.2 5.09 4.49.71.31 1.26.49 1.69.63.71.23 1.35.2 1.86.12.57-.08 1.71-.7 1.95-1.38.24-.68.24-1.26.17-1.38-.07-.12-.27-.2-.56-.34Z\"/>\n </svg>\n <span>Tanya via WhatsApp</span>\n </a>\n </div>\n\n <div class=\"trust-row\">\n <div class=\"trust-item\"><span>✓</span> Proses Terarah</div>\n <div class=\"trust-item\"><span>✓</span> Informasi Transparan</div>\n <div class=\"trust-item\"><span>✓</span> Laporan Digital</div>\n </div>\n </div>\n\n <div class=\"hero-art-container\">\n <div class=\"hero-art-card\">\n <div class=\"hero-card-header\">\n <span class=\"hero-card-tag\">Penelusuran Merek</span>\n <div class=\"brand-icon-box\">®</div>\n </div>\n \n <h2>Kenapa Perlu Melakukan Penelusuran Merek?</h2>\n <p>Sebelum menginvestasikan waktu dan biaya untuk sebuah merek, penting untuk mengetahui kondisi merek yang memiliki kemiripan terlebih dahulu.</p>\n\n <ul class=\"mini-check-list\">\n <li><span>✓</span> Mengetahui merek yang memiliki kemiripan</li>\n <li><span>✓</span> Mendapatkan informasi awal sebelum mendaftar</li>\n <li><span>✓</span> Membantu menentukan langkah selanjutnya</li>\n </ul>\n </div>\n\n <div class=\"art-badge-floating top-right\">\n <div class=\"badge-icon-box green\">✓</div>\n <div>\n <strong>Cek Kemiripan Merek</strong>\n <span>Analisis Pangkalan Data DJKI</span>\n </div>\n </div>\n\n <div class=\"art-badge-floating bottom-left\">\n <div class=\"badge-icon-box\">★</div>\n <div>\n <strong>Informasi Transparan</strong>\n <span>Laporan Hasil Digital Cepat</span>\n </div>\n </div>\n </div>\n </div>\n</section>\n\n<section class=\"section\" id=\"layanan\" style=\"background-color: #ffffff;\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">Layanan</span>\n <h2 class=\"section-title\">Apa yang Kamu Dapatkan?</h2>\n <p class=\"section-desc\">Penelusuran dilakukan untuk memberikan informasi awal yang lebih terarah mengenai nama merek yang ingin digunakan.</p>\n </div>\n\n <div class=\"benefits-grid\">\n <article class=\"benefit-card\">\n <div class=\"benefit-number\">01</div>\n <h3>Penelusuran Merek</h3>\n <p>Membantu menemukan merek yang memiliki kemiripan atau relevansi dengan nama yang ingin kamu gunakan.</p>\n </article>\n\n <article class=\"benefit-card\">\n <div class=\"benefit-number\">02</div>\n <h3>Informasi Lebih Terarah</h3>\n <p>Hasil penelusuran membantu kamu memiliki gambaran awal sebelum menentukan langkah berikutnya.</p>\n </article>\n\n <article class=\"benefit-card\">\n <div class=\"benefit-number\">03</div>\n <h3>Laporan Digital</h3>\n <p>Hasil penelusuran disampaikan dalam bentuk digital agar lebih mudah disimpan dan dipelajari.</p>\n </article>\n </div>\n </div>\n</section>\n\n<section class=\"section\" id=\"proses\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">Cara Kerja</span>\n <h2 class=\"section-title\">Proses Mudah & Terarah</h2>\n <p class=\"section-desc\">Alur praktis mulai dari pemesanan hingga penerimaan hasil penelusuran.</p>\n </div>\n\n <div class=\"process-grid\">\n <div class=\"step-card\">\n <div class=\"step-number\">1</div>\n <h3>Pesan Layanan</h3>\n <p>Pilih layanan penelusuran dengan harga terjangkau Rp199.000.</p>\n </div>\n <div class=\"step-card\">\n <div class=\"step-number\">2</div>\n <h3>Isi Form</h3>\n <p>Lengkapi data merek dan informasi usaha yang dibutuhkan.</p>\n </div>\n <div class=\"step-card\">\n <div class=\"step-number\">3</div>\n <h3>Proses Penelusuran</h3>\n <p>Tim profesional melakukan proses penelusuran sesuai standar.</p>\n </div>\n <div class=\"step-card\">\n <div class=\"step-number\">4</div>\n <h3>Terima Hasil</h3>\n <p>Hasil penelusuran disampaikan secara resmi dalam bentuk digital.</p>\n </div>\n </div>\n </div>\n</section>\n\n<section class=\"section\" id=\"harga\" style=\"background-color: #ffffff;\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">Harga Layanan</span>\n <h2 class=\"section-title\">Paket Penelusuran Merek</h2>\n <p class=\"section-desc\">Satu layanan terjangkau untuk membantu kamu mendapatkan gambaran awal mengenai nama merek yang ingin digunakan.</p>\n </div>\n\n <div class=\"pricing-wrap\">\n <div class=\"pricing-card\">\n <div class=\"price-badge-top\">LAYANAN PENELUSURAN MEREK</div>\n\n <div class=\"pricing-header\">\n <h3>Penelusuran Merek</h3>\n <p>Cocok untuk kamu yang ingin melakukan pengecekan awal sebelum melanjutkan proses pendaftaran merek.</p>\n </div>\n\n <div class=\"price-tag-box\">\n <span>Biaya Layanan Terjangkau</span>\n <div class=\"price-amount\">Rp199.000</div>\n </div>\n\n <ul class=\"price-features-grid\">\n <li>Penelusuran nama merek</li>\n <li>Identifikasi merek serupa</li>\n <li>Informasi hasil penelusuran</li>\n <li>Laporan digital</li>\n <li>Proses terarah</li>\n <li>Update proses berkala</li>\n </ul>\n\n <a class=\"btn btn-wa\" href=\"https://wa.me/6281234567890?text=Halo%20Jelas%20Legal,%20saya%20ingin%20memesan%20Jasa%20Penelusuran%20Merek%20seharga%20Rp199.000.\" data-lead-wa=\"true\" target=\"_blank\" rel=\"noopener\" style=\"width: 100%;\">\n <svg class=\"wa-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M20.5 3.5A11.8 11.8 0 0 0 12.08 0C5.55 0 .24 5.3.24 11.83c0 2.08.54 4.11 1.57 5.9L.14 24l6.42-1.64a11.8 11.8 0 0 0 5.52 1.36h.01c6.52 0 11.83-5.3 11.83-11.83 0-3.16-1.23-6.13-3.42-8.39ZM12.09 21.7h-.01a9.8 9.8 0 0 1-5-.1l-.36-.14-3.81.97 1.02-3.71-.17-.38a9.82 9.82 0 1 1 8.33 3.36Zm5.38-7.36c-.29-.15-1.71-.84-1.98-.93-.27-.1-.47-.15-.67.15-.2.29-.77.93-.94 1.12-.17.2-.35.22-.64.07-.29-.15-1.21-.45-2.3-1.43-.85-.76-1.43-1.7-1.6-1.99-.17-.29-.02-.45.13-.6.13-.13.29-.34.44-.51.15-.17.2-.29.3-.49.1-.2.05-.37-.02-.52-.07-.15-.67-1.6-.91-2.19-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.29-1.04 1.02-1.04 2.48s1.07 2.87 1.21 3.07c.15.2 2.1 3.2 5.09 4.49.71.31 1.26.49 1.69.63.71.23 1.35.2 1.86.12.57-.08 1.71-.7 1.95-1.38.24-.68.24-1.26.17-1.38-.07-.12-.27-.2-.56-.34Z\"/>\n </svg>\n <span>Pesan via WhatsApp Sekarang</span>\n </a>\n\n <!-- EMBED FORM CONTAINER -->\n <div class=\"order-form-wrapper\">\n <div class=\"form-title-box\">\n <strong>Form Order Langsung</strong>\n <span>Lengkapi data pemesanan di bawah ini jika ingin memesan langsung:</span>\n </div>\n\n <div class=\"embed-box\" style=\"border: none; background: transparent;\">\n <link href=\"https://jelaslegal.form.id/css/app.css\" rel=\"stylesheet\"/>\n <mengantar-form-widget id=\"mengantar-form-widget\" url=\"penelusuran-analisis-merek\" domain=\"jelaslegal.form.id\" embed=\"true\"\n settings='{\"type\": \"page\", \"popupButtonText\": \"Klik untuk pemesanan\", \"popupText\": \"Form Pemesanan\", \"popupButtonColor\": \"#2e47ba\", \"redirectTo\": \"https://jelaslegal.form.id\", \"isFbPixel\": \"true\", \"isHideBackground\": \"true\", \"isNoMargin\": \"true\", \"isGtm\": \"true\"}'\n ></mengantar-form-widget>\n <script src=\"https://jelaslegal.form.id/app.js\"></script>\n <style type=\"text/css\">\n #app { background-color: transparent !important; text-align: left; }\n .embed-sealHide, .embed-leftHide, .bottom-bar-text { display: none !important; }\n .embed-rightHide { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; margin: auto; }\n .embed-bgHide { box-shadow: none !important; background: transparent; border: none !important; padding: 1px 20px !important; margin: 0; }\n .embed-topSpace { margin: auto !important; }\n .embed-wrapper { height: auto !important; overflow: initial !important; }\n .embed-notopMargin { margin: 0 !important; }\n .embed-gap { gap: 10px !important; }\n </style>\n </div>\n </div>\n </div>\n\n <p class=\"legal-note\">* Penelusuran merek merupakan informasi awal berdasarkan hasil penelusuran pangkalan data dan tidak merupakan jaminan bahwa permohonan merek pasti akan diterima oleh instansi resmi.</p>\n </div>\n </div>\n</section>\n\n<section class=\"section\" id=\"faq\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">FAQ</span>\n <h2 class=\"section-title\">Pertanyaan Sering Diajukan</h2>\n <p class=\"section-desc\">Temukan jawaban cepat seputar layanan penelusuran merek dagang.</p>\n </div>\n\n <div class=\"faq-grid\">\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Apa itu penelusuran merek?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Penelusuran merek adalah proses untuk menemukan dan melihat merek yang memiliki kemiripan atau relevansi dengan nama merek yang ingin kamu gunakan dalam kelas barang/jasa tertentu.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Berapa harga jasa penelusuran merek?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Harga layanan penelusuran merek pada halaman ini adalah Rp199.000 bersih tanpa biaya tersembunyi.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Apakah hasil penelusuran menjamin merek saya pasti diterima?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Tidak. Penelusuran memberikan informasi awal mengenai kondisi merek yang ditemukan dan bukan merupakan jaminan mutlak bahwa permohonan pendaftaran merek pasti diterima oleh pemeriksa DJKI.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Bagaimana cara memesan layanan ini?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Klik tombol WhatsApp pada paket layanan, kemudian kamu juga dapat melengkapi form order yang tersedia tepat di bawah tombol tersebut.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Apakah saya harus melakukan konsultasi terlebih dahulu?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Tidak harus. Kamu dapat langsung melakukan pemesanan melalui tombol WhatsApp atau mengisi form order yang telah disediakan.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Berapa lama proses penelusuran dikerjakan?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Proses penelusuran umumnya selesai dalam 1x24 jam kerja, dan hasilnya akan langsung dikirimkan dalam bentuk laporan digital via WhatsApp/Email.\n </div>\n </div>\n </div>\n </div>\n</section>\n\n<section class=\"section\" id=\"kontak\" style=\"padding-top: 0;\">\n <div class=\"container\">\n <div class=\"cta-banner\">\n <div>\n <span class=\"kicker\">PARTNER LEGALITAS TERPERCAYA</span>\n <h2>Sudah Punya Nama Merek Usaha?</h2>\n <p>Lakukan penelusuran terlebih dahulu sebelum melangkah lebih jauh dan menginvestasikan biaya lebih besar.</p>\n </div>\n\n <a class=\"btn btn-gold\" href=\"#harga\">Pesan Penelusuran Merek</a>\n </div>\n </div>\n</section>\n</main>\n\n<footer>\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <a class=\"logo\" href=\"/\">\n <img src=\"https://cdn.orderhero.id/users/6a729bb7e1a1078a345dd805/landing-gallery/2026/08/26/60842204cca2a637984c4265.webp\" alt=\"Logo Jelas Legal\" class=\"logo-img\">\n </a>\n <p>Partner legalitas bisnis Anda. Membantu mengurus kebutuhan legalitas dengan proses yang mudah, transparan, dan terarah.</p>\n </div>\n\n <div>\n <div class=\"footer-title\">Layanan Utama</div>\n <ul class=\"footer-links\">\n <li><a href=\"/jasa-pendaftaran-merek\">Pendaftaran Merek</a></li>\n <li><a href=\"#harga\">Penelusuran Merek</a></li>\n <li><a href=\"/layanan/merek-hki/konsultasi-merek\">Konsultasi Merek</a></li>\n <li><a href=\"/layanan/merek-hki/hak-cipta\">Hak Cipta</a></li>\n </ul>\n </div>\n\n <div>\n <div class=\"footer-title\">Informasi</div>\n <ul class=\"footer-links\">\n <li><a href=\"#layanan\">Manfaat Layanan</a></li>\n <li><a href=\"#proses\">Cara Kerja</a></li>\n <li><a href=\"#harga\">Harga Paket</a></li>\n <li><a href=\"#faq\">FAQ</a></li>\n </ul>\n </div>\n\n <div>\n <div class=\"footer-title\">Kontak Kami</div>\n <ul class=\"footer-links\">\n <li><a href=\"https://wa.me/6281234567890\" data-lead-wa=\"true\" target=\"_blank\" rel=\"noopener\">WhatsApp: 0812-3456-7890</a></li>\n <li><a href=\"mailto:halo@jelaslegal.com\">Email: halo@jelaslegal.com</a></li>\n <li><span>Jakarta & Seluruh Indonesia</span></li>\n </ul>\n </div>\n </div>\n\n <div class=\"footer-bottom\">\n <span>© 2026 Jelas Legal Indonesia. Hak Cipta Dilindungi Undang-Undang.</span>\n <span>Legalitas Bisnis • Sah • Aman • Terpercaya</span>\n </div>\n </div>\n</footer>\n\n<a class=\"floating-wa-btn\" href=\"https://wa.me/6281234567890?text=Halo%20Jelas%20Legal,%20saya%20ingin%20konsultasi%20mengenai%20penelusuran%20merek\" data-lead-wa=\"true\" target=\"_blank\" rel=\"noopener\" aria-label=\"Chat WhatsApp\">\n <svg class=\"wa-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M20.5 3.5A11.8 11.8 0 0 0 12.08 0C5.55 0 .24 5.3.24 11.83c0 2.08.54 4.11 1.57 5.9L.14 24l6.42-1.64a11.8 11.8 0 0 0 5.52 1.36h.01c6.52 0 11.83-5.3 11.83-11.83 0-3.16-1.23-6.13-3.42-8.39ZM12.09 21.7h-.01a9.8 9.8 0 0 1-5-.1l-.36-.14-3.81.97 1.02-3.71-.17-.38a9.82 9.82 0 1 1 8.33 3.36Zm5.38-7.36c-.29-.15-1.71-.84-1.98-.93-.27-.1-.47-.15-.67.15-.2.29-.77.93-.94 1.12-.17.2-.35.22-.64.07-.29-.15-1.21-.45-2.3-1.43-.85-.76-1.43-1.7-1.6-1.99-.17-.29-.02-.45.13-.6.13-.13.29-.34.44-.51.15-.17.2-.29.3-.49.1-.2.05-.37-.02-.52-.07-.15-.67-1.6-.91-2.19-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.29-1.04 1.02-1.04 2.48s1.07 2.87 1.21 3.07c.15.2 2.1 3.2 5.09 4.49.71.31 1.26.49 1.69.63.71.23 1.35.2 1.86.12.57-.08 1.71-.7 1.95-1.38.24-.68.24-1.26.17-1.38-.07-.12-.27-.2-.56-.34Z\"/>\n </svg>\n <span>Tanya Penelusuran Merek</span>\n</a>\n\n<script>\n// Mobile Navigation Drawer Toggle\nconst menuBtn = document.getElementById('menuBtn');\nconst navLinks = document.getElementById('navLinks');\n\nmenuBtn.addEventListener('click', () => {\n navLinks.classList.toggle('active');\n});\n\ndocument.querySelectorAll('.nav-links a').forEach(a => {\n a.addEventListener('click', () => navLinks.classList.remove('active'));\n});\n\n// Interactive FAQ Accordion\ndocument.querySelectorAll('.faq-question').forEach(btn => {\n btn.addEventListener('click', () => {\n const item = btn.parentElement;\n const isOpen = item.classList.contains('open');\n\n // Close all accordion items\n document.querySelectorAll('.faq-item').forEach(x => {\n x.classList.remove('open');\n x.querySelector('.faq-toggle-icon').textContent = '+';\n });\n\n // Toggle selected item\n if (!isOpen) {\n item.classList.add('open');\n btn.querySelector('.faq-toggle-icon').textContent = '−';\n }\n });\n});\n\n/*\n * META PIXEL + TIKTOK PIXEL LEAD TRACKING\n */\ndocument.querySelectorAll('[data-lead-wa=\"true\"]').forEach(link => {\n link.addEventListener('click', function () {\n try {\n if (typeof window.fbq === 'function') {\n window.fbq('track', 'Lead', {\n content_name: 'Penelusuran Merek WA',\n content_category: 'Merek & HKI'\n });\n }\n } catch (e) {\n console.warn('Meta Lead tracking notification:', e);\n }\n\n try {\n if (window.ttq && typeof window.ttq.track === 'function') {\n window.ttq.track('Lead', {\n content_name: 'Penelusuran Merek WA',\n content_type: 'product',\n description: 'Lead dari tombol WhatsApp Penelusuran Merek'\n });\n }\n } catch (e) {\n console.warn('TikTok Lead tracking notification:', e);\n }\n });\n});\n</script>\n\n</body>\n</html>","portalselector":"html-head","inhead":false,"overrideStyle":{"shadow":{"default":{}}},"dynamicStyleKey":[],"dirty":null},"components":{"byId":{},"allIds":[]}},"fzgq":{"_id":"fzgq","key":"tracking-fb-pixel-event","name":"FB Pixel Event","attributes":{"recordAt":"load","pixelIds":["M7Je"],"pixelEvent":"ViewContent","contentName":"","pixelValue":"","eventName":"","dynamicStyleKey":[],"dirty":null},"components":{"byId":{},"allIds":[]}}},"allIds":["G5FT","fzgq"]}}},"allIds":["1eb5"]},"slug":"penelusuran-dan-analisa-merek","canvas":"0","state":"publish","userUuid":"6a8e5d12505cee8b960eb56f","publishSlug":"penelusuran-dan-analisa-merek","slugName":"jelaslegal","isOriginal":true,"isABTesting":false,"autoSave":false,"index":false,"settings":{"boost":true,"formulirBoost":false},"permalink":"https://jelaslegal.buat.page/penelusuran-dan-analisa-merek","pageContentId":"6a8f61297b6fafbe68258704"},"pixel":{"_id":"6a8f0f2337e2584aa8aed3a5","pixel":{"tiktok":{"autoPageView":false,"byId":{},"allIds":[]},"facebook":{"autoPageView":false,"byId":{"M7Je":{"id":"1571722444348770","name":"Jelas Legal","_id":"M7Je"}},"allIds":["M7Je"]},"snackvideo":{"autoPageView":false,"byId":{},"allIds":[]},"googletagmanager":{"autoPageView":false,"byId":{},"allIds":[]},"_id":"6a8f0f23194e7fd7261afad0"}}}