Jasa Pendaftaran Merek HKI Resmi DJKI | Jelas Legal

JASA PENDAFTARAN MEREK HKI TERPERCAYA

Ada Cara Lebih Baik Untuk Lindungi Merekmu

Tanpa drama, tanpa ribet. Hemat waktu dan tenaga, proses cepat & aman sampai sertifikat terbit resmi dari Kementerian DJKI.

💡 Daftarkan merek hanya dalam 2 langkah mudah: Isi identitas + nama merek. Tim ahli konsultan kami akan mengurus seluruh proses sisanya untuk Anda.

Daftar Sekarang → Lihat Promo

✓ Penelusuran Akurat

✓ Update Progres Berkala

✓ Pendampingan Konsultan HKI

Sertifikat Resmi DJKI

Perlindungan Hukum Hak Atas Merek Indonesia

✓

100% Terdaftar Resmi Didampingi

RISIKO MENUNDA

Jangan Sampai Brand-mu Diklaim Orang Lain

Risiko rebranding mahal, hilangnya identitas bisnis, dan kepercayaan publik yang menurun. Ini bahayanya jika Anda menunda pendaftaran merek usaha Anda.

Risiko Rebranding

Biaya besar & kehilangan ekuitas merek yang sudah lama dipupuk. Rebranding sangat mahal dan merusak reputasi bisnis.

Pemalsuan & Peniruan

Meningkatnya risiko pemalsuan oleh pihak lain. Tanpa sertifikat HKI, Anda akan sangat sulit mengambil tindakan hukum.

Hambatan Ekspansi

Investor dan mitra waralaba menuntut kejelasan legalitas. Merek tidak terdaftar membuat ekspansi bisnis terhambat.

SOLUSI TERBAIK

Solusi: Pendaftaran Merek Jadi Gampang

Kami atasi semua risiko dengan penelusuran komprehensif, analisis hukum mendalam, pengajuan resmi ke DJKI, dan penerbitan sertifikat HKI.

Penelusuran Merek

Pencarian mendalam & akurat di database DJKI untuk memastikan merekmu unik dan berpeluang tinggi disetujui.

Analisis Hukum

Evaluasi kelayakan berdasarkan UU Merek No. 20/2016. Bisnis Anda bebas dari risiko penolakan.

Pengajuan Resmi

Proses submisi cepat ke sistem DJKI Kemenkumham + pemantauan real-time sampai sertifikat terbit.

Bandingkan Fitur	Pengurusan Sendiri / Manual	Jasa Merek Jelas Legal ⭐
Waktu & Tenaga	✕ Berbulan-bulan, rumit & ribet	✓ Hemat waktu, cukup 2 langkah
Keamanan & Penelusuran	✕ Tanpa analisa, rawan ditolak	✓ Analisis mendalam konsultan HKI
Update Status Progres	✕ Harus cek manual, tidak jelas	✓ Monitoring & laporan real-time
Konsultasi Hukum	✕ Berbayar mahal / minim info	✓ Gratis konsultasi sepuasnya

TESTIMONI KLIEN

Dipercaya Ratusan Pemilik Bisnis

Simak pengalaman nyata dan kemudahan yang dirasakan oleh para pengusaha setelah mendaftarkan merek mereka bersama kami.

Andi Saputra
Founder Kopi Nusantara

★★★★★

"Beneran cuma 2 langkah! Hemat waktu banget. Sertifikat terbit lancar, padahal teman saya urus manual sempat tertahan lama. Worth it sekali!"

Rina Marlina
Owner Batik Rina

★★★★★

"Awalnya takut prosedur hukum yang ribet, ternyata tanpa drama sama sekali. Tim Jelas Legal update terus progresnya via WA. Sangat profesional."

Dewi Puspita
CEO Skincare Lokal

★★★★★

"Merek saya sempat ditolak waktu daftar manual. Lewat Jelas Legal, analisis hukumnya akurat. Akhirnya sertifikat merek terbit resmi!"

PAKET HARGA PROMO

Investasi Kecil, Lindungi Merekmu

Promo Terbatas! Dapatkan diskon spesial untuk pendaftaran merek pertama bisnis Anda.

Paket Tanpa Logo

Rp 15.000.000 Normal

Rp 4.900.000

Penelusuran & Analisis Merek
Pengajuan Resmi ke DJKI
Monitoring Real-Time
Pendampingan sampai Sertifikat

Pilih Paket Ini

Paling Diminati

Paket Dengan Logo

Rp 20.000.000 Normal

Rp 5.900.000

Semua Fitur Paket Tanpa Logo
Bantuan Penyesuaian Elemen Logo
Konsultasi Prioritas Ahli HKI
Pendampingan Penuh Tanggapan Sanggahan

Pilih Paket Ini

Prinsip First to File

Pasal 3 UU No. 20/2016: Hak atas Merek diperoleh setelah merek tersebut terdaftar. Sistem First to File menetapkan siapa yang mendaftar pertama, dialah pemilik sah perlindungan hukum.

PERTANYAAN UMUM

Pertanyaan Sering Diajukan

Temukan jawaban untuk pertanyaan umum seputar pendaftaran merek HKI bisnis Anda.

Pengajuan resmi kami lakukan dalam hitungan hari. Proses verifikasi hingga penerbitan sertifikat DJKI membutuhkan waktu sekitar 8-12 bulan sesuai prosedur pemerintah. Anda dapat memantau progres secara real-time.

Cukup siapkan KTP pemohon/direktur, tanda tangan digital, serta etiket/logo merek. Anda tinggal mengisi form order sederhana (2 langkah), dan tim kami akan menyiapkan seluruh kelengkapan dokumen resmi.

Tim konsultan kami akan melakukan penelusuran (search HKI) mendalam terlebih dahulu. Jika ada potensi kemiripan, kami akan memberikan saran modifikasi atau strategi alternatif sebelum dokumen di-submit.

Ya, kami menyediakan skema pembayaran bertahap untuk paket tertentu. Anda dapat mendiskusikan opsi ini langsung dengan tim customer service kami via WhatsApp.

Kami memberikan pendampingan penuh dari awal hingga sertifikat terbit. Penelusuran presisi kami bertujuan meminimalisir risiko penolakan DJKI. Jika terdapat sanggahan, konsultan kami siap menyusun tanggapan hukum resmi.

KONSULTASI & PENDAFTARAN

Mulai Pendaftaran Merek Anda

Hubungi tim konsultan ahli HKI kami untuk analisis merek dan pendaftaran langsung secara aman & cepat.

Konsultasikan nama dan logo merek Anda secara gratis bersama tim konsultan kami via WhatsApp.

Hubungi Konsultan via WhatsApp

Konsultasi Merek via WA

{"page":{"_id":"6a8e5dd7194e7fd72617bcac","title":"Pendaftaran Hki","sections":{"byId":{"908e":{"_id":"908e","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":{"vTBB":{"_id":"vTBB","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 Pendaftaran Merek HKI Resmi DJKI | Jelas Legal</title>\n<meta name=\"description\" content=\"Jasa Pendaftaran Merek HKI resmi DJKI Kemenkumham dari Jelas Legal. Proses cepat, aman, tanpa ribet, didampingi konsultan sampai sertifikat resmi terbit.\">\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: #0f1e36;\n --navy-main: #162a4d;\n --navy-light: #244173;\n --gold-primary: #d4982c;\n --gold-hover: #b87f1a;\n --gold-light: #fef8ed;\n --gold-border: #f0debe;\n --emerald-wa: #25d366;\n --emerald-hover: #1ebe5d;\n --emerald-light: #eafaf1;\n --bg-page: #fbfbf9;\n --bg-card: #ffffff;\n --text-primary: #1e293b;\n --text-secondary: #475569;\n --text-muted: #64748b;\n --border-subtle: #f1ede4;\n --border-warm: #eadfc9;\n --shadow-sm: 0 4px 12px rgba(22, 42, 77, 0.04);\n --shadow-md: 0 12px 30px rgba(22, 42, 77, 0.06);\n --shadow-lg: 0 20px 45px rgba(22, 42, 77, 0.09);\n --radius-sm: 12px;\n --radius-md: 18px;\n --radius-lg: 26px;\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.7;\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.25s ease;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n vertical-align: middle;\n}\n\nsvg {\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.topbar {\n background: linear-gradient(90deg, #162a4d, #1e3a6b, #162a4d);\n color: #ffffff;\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: 12px;\n letter-spacing: 0.02em;\n box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n}\n\n.topbar .badge-spark {\n background: linear-gradient(135deg, #f5d794, #d4982c);\n color: #0f1e36;\n padding: 2px 10px;\n border-radius: var(--radius-pill);\n font-size: 11px;\n font-weight: 800;\n letter-spacing: 0.04em;\n}\n\n.topbar .dot {\n opacity: 0.5;\n}\n\n/* HEADER & NAV */\nheader {\n position: sticky;\n top: 0;\n z-index: 1000;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border-bottom: 1px solid var(--border-subtle);\n transition: all 0.3s ease;\n}\n\n.nav {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 82px;\n}\n\n.logo {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.logo-img {\n height: 50px;\n width: auto;\n object-fit: contain;\n transition: transform 0.2s ease;\n}\n\n.logo-img:hover {\n transform: scale(1.02);\n}\n\n.nav-links {\n display: flex;\n align-items: center;\n gap: 28px;\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: linear-gradient(135deg, var(--navy-main), var(--navy-light));\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: 0 4px 14px rgba(22, 42, 77, 0.15);\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n\n.nav-cta:hover {\n background: linear-gradient(135deg, var(--gold-primary), var(--gold-hover));\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(212, 152, 44, 0.25);\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 SECTION */\n.hero {\n position: relative;\n padding: 80px 0 65px;\n background: \n radial-gradient(circle at 85% 20%, rgba(254, 248, 237, 0.9) 0%, transparent 60%),\n radial-gradient(circle at 10% 80%, rgba(234, 250, 241, 0.5) 0%, transparent 50%),\n #ffffff;\n overflow: hidden;\n}\n\n.hero-grid {\n display: grid;\n grid-template-columns: 1.08fr 0.92fr;\n align-items: center;\n gap: 60px;\n}\n\n.eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: var(--gold-light);\n color: #946210;\n border: 1px solid var(--gold-border);\n border-radius: var(--radius-pill);\n padding: 7px 18px;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.04em;\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(212, 152, 44, 0.8);\n}\n\n.hero h1 {\n font-family: 'Playfair Display', serif;\n color: var(--navy-dark);\n font-size: clamp(36px, 4.6vw, 58px);\n line-height: 1.15;\n letter-spacing: -0.02em;\n font-weight: 700;\n}\n\n.highlight {\n color: var(--gold-primary);\n position: relative;\n display: inline-block;\n font-style: italic;\n}\n\n.highlight::after {\n content: \"\";\n position: absolute;\n bottom: 4px;\n left: 0;\n width: 100%;\n height: 8px;\n background: rgba(212, 152, 44, 0.18);\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.75;\n margin: 22px 0 18px;\n max-width: 580px;\n font-weight: 450;\n}\n\n.hero-subcallout {\n background: var(--gold-light);\n border-left: 3.5px solid var(--gold-primary);\n border-radius: var(--radius-sm);\n padding: 12px 18px;\n font-size: 13.5px;\n color: var(--navy-dark);\n margin-bottom: 30px;\n box-shadow: 0 2px 8px rgba(212, 152, 44, 0.08);\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 28px;\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-primary {\n background: linear-gradient(135deg, #d4982c, #a87418);\n color: #ffffff;\n box-shadow: 0 8px 22px rgba(212, 152, 44, 0.28);\n}\n\n.btn-primary:hover {\n background: linear-gradient(135deg, #b87f1a, #8c5d0e);\n transform: translateY(-3px);\n box-shadow: 0 12px 28px rgba(212, 152, 44, 0.38);\n color: #ffffff;\n}\n\n.btn-wa {\n background: var(--emerald-wa);\n color: #ffffff;\n box-shadow: 0 8px 22px rgba(37, 211, 102, 0.28);\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.38);\n color: #ffffff;\n}\n\n.btn-outline {\n background: #ffffff;\n color: var(--navy-dark);\n border: 1.5px solid var(--border-warm);\n box-shadow: var(--shadow-sm);\n}\n\n.btn-outline:hover {\n border-color: var(--gold-primary);\n color: var(--gold-primary);\n background: var(--gold-light);\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: 14px;\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 15px;\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 8px 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 ARTWORK */\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, #fdfcf9);\n border: 1.5px solid var(--gold-border);\n border-radius: var(--radius-lg);\n padding: 24px;\n box-shadow: var(--shadow-lg);\n position: relative;\n text-align: center;\n}\n\n.hero-art-img {\n width: 100%;\n height: auto;\n max-height: 420px;\n object-fit: contain;\n display: block;\n border-radius: var(--radius-md);\n margin: 0 auto 20px;\n border: 2px solid var(--gold-border);\n box-shadow: 0 10px 24px rgba(22, 42, 77, 0.08);\n}\n\n.art-title {\n font-family: 'Playfair Display', serif;\n font-size: 23px;\n color: var(--navy-dark);\n font-weight: 700;\n}\n\n.art-subtitle {\n font-size: 13.5px;\n color: var(--text-muted);\n margin-top: 5px;\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@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/* SECTIONS & HEADINGS */\n.section {\n padding: 85px 0;\n}\n\n.section-alt {\n background: #ffffff;\n}\n\n.section-head {\n text-align: center;\n max-width: 760px;\n margin: 0 auto 52px;\n}\n\n.kicker {\n display: inline-block;\n font-size: 11.5px;\n font-weight: 800;\n color: var(--gold-primary);\n letter-spacing: 0.12em;\n text-transform: uppercase;\n margin-bottom: 12px;\n background: var(--gold-light);\n padding: 5px 14px;\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, 42px);\n color: var(--navy-dark);\n line-height: 1.24;\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.7;\n}\n\n.grid-3 {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n}\n\n.card {\n background: var(--bg-card);\n border: 1px solid var(--border-subtle);\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.card:hover {\n transform: translateY(-6px);\n box-shadow: var(--shadow-lg);\n border-color: var(--gold-border);\n}\n\n.icon-circle {\n width: 52px;\n height: 52px;\n border-radius: 16px;\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 margin-bottom: 20px;\n}\n\n.icon-circle svg {\n stroke: var(--gold-primary);\n}\n\n.card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 21px;\n color: var(--navy-dark);\n margin-bottom: 10px;\n font-weight: 700;\n}\n\n.card p {\n font-size: 13.5px;\n color: var(--text-secondary);\n line-height: 1.65;\n}\n\n/* COMPARISON TABLE */\n.table-wrap {\n overflow-x: auto;\n border-radius: var(--radius-lg);\n border: 1.5px solid var(--gold-border);\n background: #ffffff;\n box-shadow: var(--shadow-md);\n margin-top: 48px;\n -webkit-overflow-scrolling: touch;\n}\n\n.comp-table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n min-width: 680px;\n}\n\n.comp-table th {\n padding: 22px 24px;\n font-family: 'Playfair Display', serif;\n font-size: 16.5px;\n font-weight: 700;\n text-align: left;\n border-bottom: 2px solid var(--border-warm);\n}\n\n.comp-table th:nth-child(1) {\n width: 28%;\n background: #fdfbf7;\n color: var(--navy-dark);\n border-top-left-radius: var(--radius-lg);\n}\n\n.comp-table th:nth-child(2) {\n width: 36%;\n background: #f8fafc;\n color: var(--text-secondary);\n}\n\n.comp-table th:nth-child(3) {\n width: 36%;\n background: linear-gradient(135deg, var(--navy-dark), var(--navy-main));\n color: #fce3a6;\n border-top-right-radius: var(--radius-lg);\n border-bottom: 3px solid var(--gold-primary);\n}\n\n.comp-table td {\n padding: 18px 24px;\n font-size: 14px;\n line-height: 1.55;\n vertical-align: middle;\n border-bottom: 1px solid var(--border-subtle);\n}\n\n.comp-table tr:last-child td {\n border-bottom: none;\n}\n\n.comp-table td:nth-child(1) {\n font-weight: 700;\n color: var(--navy-dark);\n background: #ffffff;\n}\n\n.comp-table td:nth-child(2) {\n background: #fafafa;\n color: var(--text-muted);\n}\n\n.comp-table td:nth-child(3) {\n background: #fefcf9;\n color: var(--navy-dark);\n font-weight: 600;\n}\n\n.badge-cross {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: #fef2f2;\n color: #dc2626;\n font-size: 12px;\n font-weight: 800;\n margin-right: 10px;\n flex-shrink: 0;\n}\n\n.badge-check {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: var(--emerald-light);\n color: #12823c;\n font-size: 12px;\n font-weight: 800;\n margin-right: 10px;\n flex-shrink: 0;\n}\n\n.status-text-cross {\n display: flex;\n align-items: center;\n color: #dc2626;\n}\n\n.status-text-check {\n display: flex;\n align-items: center;\n color: #12823c;\n font-weight: 600;\n}\n\n/* TESTIMONIALS */\n.testimonial-card {\n background: var(--bg-card);\n border: 1px solid var(--border-subtle);\n border-radius: var(--radius-lg);\n padding: 32px 28px;\n box-shadow: var(--shadow-sm);\n display: flex;\n flex-direction: column;\n}\n\n.testimonial-head {\n display: flex;\n align-items: center;\n gap: 14px;\n margin-bottom: 14px;\n}\n\n.avatar {\n width: 46px;\n height: 46px;\n border-radius: 50%;\n background: linear-gradient(135deg, #e3af4b, #b87f1a);\n color: #ffffff;\n display: grid;\n place-items: center;\n font-weight: 700;\n font-size: 15px;\n}\n\n.stars {\n color: #f59e0b;\n letter-spacing: 2px;\n font-size: 14px;\n margin-bottom: 12px;\n}\n\n.testimonial-card p {\n font-size: 13.5px;\n color: var(--text-secondary);\n line-height: 1.7;\n font-style: italic;\n}\n\n/* PRICING & PROMO */\n.pricing-card {\n background: var(--bg-card);\n border: 1px solid var(--border-subtle);\n border-radius: var(--radius-lg);\n padding: 36px 28px;\n box-shadow: var(--shadow-sm);\n display: flex;\n flex-direction: column;\n position: relative;\n transition: all 0.3s ease;\n}\n\n.pricing-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--shadow-lg);\n border-color: var(--gold-border);\n}\n\n.pricing-card.featured {\n border: 2px solid var(--gold-primary);\n box-shadow: 0 16px 40px rgba(212, 152, 44, 0.12);\n background: linear-gradient(180deg, #ffffff 0%, #fffdf8 100%);\n}\n\n.pricing-badge {\n position: absolute;\n top: -14px;\n right: 24px;\n background: var(--gold-primary);\n color: #ffffff;\n font-size: 11px;\n font-weight: 800;\n padding: 5px 16px;\n border-radius: var(--radius-pill);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n box-shadow: 0 4px 12px rgba(212, 152, 44, 0.25);\n}\n\n.pricing-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 24px;\n color: var(--navy-dark);\n}\n\n.price-old {\n font-size: 14.5px;\n color: #94a3b8;\n text-decoration: line-through;\n margin-top: 10px;\n font-weight: 600;\n}\n\n.price-val {\n font-size: 34px;\n font-weight: 800;\n color: var(--navy-dark);\n font-family: 'Playfair Display', serif;\n margin-bottom: 16px;\n line-height: 1.1;\n}\n\n.price-list {\n list-style: none;\n display: grid;\n gap: 12px;\n margin: 16px 0 28px;\n padding-top: 18px;\n border-top: 1px solid var(--border-subtle);\n}\n\n.price-list li {\n font-size: 13.5px;\n color: var(--text-secondary);\n display: flex;\n align-items: center;\n gap: 10px;\n}\n\n.price-list li::before {\n content: \"✓\";\n color: var(--gold-primary);\n font-weight: 800;\n}\n\n.scheme-box {\n background: var(--gold-light);\n border: 1px solid var(--gold-border);\n border-radius: var(--radius-md);\n padding: 16px;\n margin: 16px 0;\n text-align: center;\n}\n\n/* FAQ ACCORDION */\n.faq-grid {\n display: grid;\n gap: 16px;\n}\n\n.faq-item {\n background: var(--bg-card);\n border: 1px solid var(--border-subtle);\n border-radius: var(--radius-md);\n overflow: hidden;\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.faq-item.open {\n border-color: var(--gold-border);\n box-shadow: var(--shadow-sm);\n}\n\n.faq-question {\n width: 100%;\n padding: 20px 24px;\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: 14.5px;\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 24px 20px;\n font-size: 13.5px;\n color: var(--text-secondary);\n line-height: 1.7;\n}\n\n.faq-item.open .faq-answer {\n display: block;\n}\n\n/* CHECKOUT SECTION */\n.checkout-section {\n background: linear-gradient(135deg, #11223f, #1b355d, #11223f);\n color: #ffffff;\n padding: 80px 0;\n position: relative;\n overflow: hidden;\n}\n\n.checkout-section::before {\n content: \"\";\n position: absolute;\n top: -80px;\n right: -80px;\n width: 320px;\n height: 320px;\n background: radial-gradient(circle, rgba(212, 152, 44, 0.25) 0%, transparent 70%);\n pointer-events: none;\n}\n\n.checkout-card {\n background: #ffffff;\n border-radius: var(--radius-lg);\n padding: 40px 32px;\n box-shadow: 0 20px 45px rgba(17, 34, 63, 0.16);\n color: var(--text-primary);\n max-width: 860px;\n margin: 0 auto;\n}\n\n/* FOOTER */\nfooter {\n background: #ffffff;\n border-top: 1px solid var(--border-subtle);\n padding: 65px 0 25px;\n}\n\n.footer-grid {\n display: grid;\n grid-template-columns: 1.5fr 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.7;\n max-width: 340px;\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: 50px;\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 BUTTON */\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 22px;\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/* RESPONSIVE */\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 .grid-3 {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 768px) {\n .nav-links {\n display: none;\n position: absolute;\n top: 82px;\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: 45px 0 35px;\n }\n .hero h1 {\n font-size: 34px;\n }\n .grid-3 {\n grid-template-columns: 1fr;\n }\n .art-badge-floating {\n display: none;\n }\n .footer-grid {\n grid-template-columns: 1fr;\n }\n .footer-bottom {\n flex-direction: column;\n text-align: center;\n }\n .checkout-card {\n padding: 28px 18px;\n }\n}\n\n@media (max-width: 480px) {\n .hero-actions .btn {\n width: 100%;\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\">OFFICIAL HKI PARTNER</span>\n <span>Pendaftaran Merek DJKI Cepat, Aman & Terpercaya</span>\n <span class=\"dot\">•</span>\n <span>100% Legalitas Sesuai UU No. 20/2016</span>\n</div>\n\n<header>\n <div class=\"container nav\">\n <a class=\"logo\" href=\"#home\">\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\">Beranda</a></li>\n <li><a href=\"#risiko\">Risiko</a></li>\n <li><a href=\"#solusi\">Layanan</a></li>\n <li><a href=\"#testimoni\">Testimoni</a></li>\n <li><a href=\"#biaya\">Harga & Promo</a></li>\n <li><a href=\"#faq\">FAQ</a></li>\n <li><a href=\"#order\">Daftar Merek</a></li>\n </ul>\n\n <a class=\"nav-cta\" href=\"#order\">Daftar Sekarang</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 JASA PENDAFTARAN MEREK HKI TERPERCAYA\n </div>\n <h1>Ada Cara <span class=\"highlight\">Lebih Baik</span> Untuk Lindungi Merekmu</h1>\n <p class=\"hero-copy\">Tanpa drama, tanpa ribet. Hemat waktu dan tenaga, proses cepat & aman sampai sertifikat terbit resmi dari Kementerian DJKI.</p>\n \n <div class=\"hero-subcallout\">\n 💡 <strong>Daftarkan merek hanya dalam 2 langkah mudah:</strong> Isi identitas + nama merek. Tim ahli konsultan kami akan mengurus seluruh proses sisanya untuk Anda.\n </div>\n\n <div class=\"hero-actions\">\n <a class=\"btn btn-primary\" href=\"#order\">Daftar Sekarang →</a>\n <a class=\"btn btn-outline\" href=\"#biaya\">Lihat Promo</a>\n </div>\n\n <div class=\"trust-row\">\n <div class=\"trust-item\"><span>✓</span> Penelusuran Akurat</div>\n <div class=\"trust-item\"><span>✓</span> Update Progres Berkala</div>\n <div class=\"trust-item\"><span>✓</span> Pendampingan Konsultan HKI</div>\n </div>\n </div>\n\n <div class=\"hero-art-container\">\n <div class=\"hero-art-card\">\n <img src=\"https://cdn.orderhero.id/users/6a729bb7e1a1078a345dd805/landing-gallery/2026/08/28/1badfabd2f8791ed67f366e1.webp\" alt=\"Sertifikat Resmi Merek DJKI\" class=\"hero-art-img\">\n \n <h2 class=\"art-title\">Sertifikat Resmi DJKI</h2>\n <p class=\"art-subtitle\">Perlindungan Hukum Hak Atas Merek Indonesia</p>\n </div>\n\n <div class=\"art-badge-floating top-right\">\n <div class=\"badge-icon-box green\">✓</div>\n <div>\n <strong>100% Terdaftar Resmi</strong>\n <span>Didampingi</span>\n </div>\n </div>\n </div>\n </div>\n</section>\n\n<section class=\"section\" id=\"risiko\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">RISIKO MENUNDA</span>\n <h2 class=\"section-title\">Jangan Sampai <span class=\"highlight\">Brand-mu Diklaim</span> Orang Lain</h2>\n <p class=\"section-desc\">Risiko rebranding mahal, hilangnya identitas bisnis, dan kepercayaan publik yang menurun. Ini bahayanya jika Anda menunda pendaftaran merek usaha Anda.</p>\n </div>\n\n <div class=\"grid-3\">\n <div class=\"card\">\n <div class=\"icon-circle\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 8v4l2 2\"/></svg>\n </div>\n <h3>Risiko Rebranding</h3>\n <p>Biaya besar & kehilangan ekuitas merek yang sudah lama dipupuk. <span class=\"highlight\">Rebranding sangat mahal</span> dan merusak reputasi bisnis.</p>\n </div>\n\n <div class=\"card\">\n <div class=\"icon-circle\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"/><path d=\"M2 17l10 5 10-5\"/><path d=\"M2 12l10 5 10-5\"/></svg>\n </div>\n <h3>Pemalsuan & Peniruan</h3>\n <p>Meningkatnya risiko pemalsuan oleh pihak lain. Tanpa sertifikat HKI, Anda akan <span class=\"highlight\">sangat sulit mengambil tindakan hukum</span>.</p>\n </div>\n\n <div class=\"card\">\n <div class=\"icon-circle\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M3 3h18v18H3z\"/><path d=\"M3 9h18M3 15h18M9 3v18\"/></svg>\n </div>\n <h3>Hambatan Ekspansi</h3>\n <p>Investor dan mitra waralaba menuntut kejelasan legalitas. Merek tidak terdaftar membuat <span class=\"highlight\">ekspansi bisnis terhambat</span>.</p>\n </div>\n </div>\n </div>\n</section>\n\n<section class=\"section section-alt\" id=\"solusi\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">SOLUSI TERBAIK</span>\n <h2 class=\"section-title\">Solusi: <span class=\"highlight\">Pendaftaran Merek</span> Jadi Gampang</h2>\n <p class=\"section-desc\">Kami atasi semua risiko dengan penelusuran komprehensif, analisis hukum mendalam, pengajuan resmi ke DJKI, dan penerbitan sertifikat HKI.</p>\n </div>\n\n <div class=\"grid-3\">\n <div class=\"card\">\n <div class=\"icon-circle\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"M21 21l-4.35-4.35\"/></svg>\n </div>\n <h3>Penelusuran Merek</h3>\n <p>Pencarian mendalam & akurat di database DJKI untuk memastikan merekmu unik dan berpeluang tinggi disetujui.</p>\n </div>\n\n <div class=\"card\">\n <div class=\"icon-circle\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M12 2v4M12 18v4M2 12h4M18 12h4\"/><circle cx=\"12\" cy=\"12\" r=\"4\"/></svg>\n </div>\n <h3>Analisis Hukum</h3>\n <p>Evaluasi kelayakan berdasarkan UU Merek No. 20/2016. Bisnis Anda <span class=\"highlight\">bebas dari risiko penolakan</span>.</p>\n </div>\n\n <div class=\"card\">\n <div class=\"icon-circle\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"/></svg>\n </div>\n <h3>Pengajuan Resmi</h3>\n <p>Proses submisi cepat ke sistem DJKI Kemenkumham + pemantauan real-time sampai <span class=\"highlight\">sertifikat terbit</span>.</p>\n </div>\n </div>\n\n \n <div class=\"table-wrap\">\n <table class=\"comp-table\">\n <thead>\n <tr>\n <th>Bandingkan Fitur</th>\n <th>Pengurusan Sendiri / Manual</th>\n <th>Jasa Merek Jelas Legal ⭐</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td>Waktu & Tenaga</td>\n <td>\n <div class=\"status-text-cross\">\n <span class=\"badge-cross\">✕</span>\n <span>Berbulan-bulan, rumit & ribet</span>\n </div>\n </td>\n <td>\n <div class=\"status-text-check\">\n <span class=\"badge-check\">✓</span>\n <span>Hemat waktu, cukup 2 langkah</span>\n </div>\n </td>\n </tr>\n <tr>\n <td>Keamanan & Penelusuran</td>\n <td>\n <div class=\"status-text-cross\">\n <span class=\"badge-cross\">✕</span>\n <span>Tanpa analisa, rawan ditolak</span>\n </div>\n </td>\n <td>\n <div class=\"status-text-check\">\n <span class=\"badge-check\">✓</span>\n <span>Analisis mendalam konsultan HKI</span>\n </div>\n </td>\n </tr>\n <tr>\n <td>Update Status Progres</td>\n <td>\n <div class=\"status-text-cross\">\n <span class=\"badge-cross\">✕</span>\n <span>Harus cek manual, tidak jelas</span>\n </div>\n </td>\n <td>\n <div class=\"status-text-check\">\n <span class=\"badge-check\">✓</span>\n <span>Monitoring & laporan real-time</span>\n </div>\n </td>\n </tr>\n <tr>\n <td>Konsultasi Hukum</td>\n <td>\n <div class=\"status-text-cross\">\n <span class=\"badge-cross\">✕</span>\n <span>Berbayar mahal / minim info</span>\n </div>\n </td>\n <td>\n <div class=\"status-text-check\">\n <span class=\"badge-check\">✓</span>\n <span>Gratis konsultasi sepuasnya</span>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n</section>\n\n<section class=\"section\" id=\"testimoni\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">TESTIMONI KLIEN</span>\n <h2 class=\"section-title\">Dipercaya <span class=\"highlight\">Ratusan Pemilik Bisnis</span></h2>\n <p class=\"section-desc\">Simak pengalaman nyata dan kemudahan yang dirasakan oleh para pengusaha setelah mendaftarkan merek mereka bersama kami.</p>\n </div>\n\n <div class=\"grid-3\">\n <div class=\"testimonial-card\">\n <div class=\"testimonial-head\">\n <div class=\"avatar\">AS</div>\n <div>\n <strong>Andi Saputra</strong><br>\n <span style=\"font-size: 12px; color: var(--text-muted);\">Founder Kopi Nusantara</span>\n </div>\n </div>\n <div class=\"stars\">★★★★★</div>\n <p>\"Beneran cuma 2 langkah! <span class=\"highlight\">Hemat waktu</span> banget. Sertifikat terbit lancar, padahal teman saya urus manual sempat tertahan lama. Worth it sekali!\"</p>\n </div>\n\n <div class=\"testimonial-card\">\n <div class=\"testimonial-head\">\n <div class=\"avatar\">RM</div>\n <div>\n <strong>Rina Marlina</strong><br>\n <span style=\"font-size: 12px; color: var(--text-muted);\">Owner Batik Rina</span>\n </div>\n </div>\n <div class=\"stars\">★★★★★</div>\n <p>\"Awalnya takut prosedur hukum yang ribet, ternyata <span class=\"highlight\">tanpa drama sama sekali</span>. Tim Jelas Legal update terus progresnya via WA. Sangat profesional.\"</p>\n </div>\n\n <div class=\"testimonial-card\">\n <div class=\"testimonial-head\">\n <div class=\"avatar\">DP</div>\n <div>\n <strong>Dewi Puspita</strong><br>\n <span style=\"font-size: 12px; color: var(--text-muted);\">CEO Skincare Lokal</span>\n </div>\n </div>\n <div class=\"stars\">★★★★★</div>\n <p>\"Merek saya sempat ditolak waktu daftar manual. Lewat Jelas Legal, <span class=\"highlight\">analisis hukumnya akurat</span>. Akhirnya sertifikat merek terbit resmi!\"</p>\n </div>\n </div>\n </div>\n</section>\n\n<section class=\"section section-alt\" id=\"biaya\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">PAKET HARGA PROMO</span>\n <h2 class=\"section-title\">Investasi Kecil, <span class=\"highlight\">Lindungi Merekmu</span></h2>\n <p class=\"section-desc\">Promo Terbatas! Dapatkan diskon spesial untuk pendaftaran merek pertama bisnis Anda.</p>\n </div>\n\n <div class=\"grid-3\">\n \n <div class=\"pricing-card\">\n <h3>Paket Tanpa Logo</h3>\n <p class=\"price-old\">Rp 15.000.000 Normal</p>\n <p class=\"price-val\">Rp 4.900.000</p>\n <ul class=\"price-list\">\n <li>Penelusuran & Analisis Merek</li>\n <li>Pengajuan Resmi ke DJKI</li>\n <li>Monitoring Real-Time</li>\n <li>Pendampingan sampai Sertifikat</li>\n </ul>\n <a href=\"#order\" class=\"btn btn-outline\" style=\"width: 100%; text-align: center;\">Pilih Paket Ini</a>\n </div>\n\n \n <div class=\"pricing-card featured\">\n <span class=\"pricing-badge\">Paling Diminati</span>\n <h3>Paket Dengan Logo</h3>\n <p class=\"price-old\">Rp 20.000.000 Normal</p>\n <p class=\"price-val\">Rp 5.900.000</p>\n <ul class=\"price-list\">\n <li>Semua Fitur Paket Tanpa Logo</li>\n <li>Bantuan Penyesuaian Elemen Logo</li>\n <li>Konsultasi Prioritas Ahli HKI</li>\n <li>Pendampingan Penuh Tanggapan Sanggahan</li>\n </ul>\n <a href=\"#order\" class=\"btn btn-primary\" style=\"width: 100%; text-align: center;\">Pilih Paket Ini</a>\n </div>\n\n \n <div class=\"pricing-card\">\n <h3>Prinsip First to File</h3>\n <div class=\"scheme-box\">\n <svg width=\"100%\" height=\"70\" viewBox=\"0 0 300 70\">\n <rect x=\"10\" y=\"10\" width=\"80\" height=\"50\" fill=\"#f0debe\" rx=\"8\"/>\n <rect x=\"110\" y=\"10\" width=\"80\" height=\"50\" fill=\"#eadfc9\" rx=\"8\"/>\n <rect x=\"210\" y=\"10\" width=\"80\" height=\"50\" fill=\"#d4982c\" rx=\"8\"/>\n <text x=\"50\" y=\"40\" fill=\"#0f1e36\" font-size=\"11\" font-weight=\"bold\" text-anchor=\"middle\">Pemohon 1</text>\n <text x=\"150\" y=\"40\" fill=\"#0f1e36\" font-size=\"11\" font-weight=\"bold\" text-anchor=\"middle\">Pemohon 2</text>\n <text x=\"250\" y=\"40\" fill=\"#ffffff\" font-size=\"11\" font-weight=\"bold\" text-anchor=\"middle\">Pemilik Hak</text>\n </svg>\n </div>\n <p style=\"font-size: 13px; color: var(--text-secondary); line-height: 1.6;\">\n <strong>Pasal 3 UU No. 20/2016:</strong> Hak atas Merek diperoleh setelah merek tersebut terdaftar. Sistem <span class=\"highlight\">First to File</span> menetapkan siapa yang mendaftar pertama, dialah pemilik sah perlindungan hukum.\n </p>\n </div>\n </div>\n </div>\n</section>\n\n<section class=\"section\" id=\"faq\">\n <div class=\"container\" style=\"max-width: 860px;\">\n <div class=\"section-head\">\n <span class=\"kicker\">PERTANYAAN UMUM</span>\n <h2 class=\"section-title\">Pertanyaan <span class=\"highlight\">Sering Diajukan</span></h2>\n <p class=\"section-desc\">Temukan jawaban untuk pertanyaan umum seputar pendaftaran merek HKI bisnis Anda.</p>\n </div>\n\n <div class=\"faq-grid\">\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Berapa lama proses pendaftaran merek HKI?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Pengajuan resmi kami lakukan dalam hitungan hari. Proses verifikasi hingga penerbitan sertifikat DJKI membutuhkan waktu sekitar 8-12 bulan sesuai prosedur pemerintah. Anda dapat memantau progres secara real-time.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Apa saja data dan syarat yang dibutuhkan?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Cukup siapkan KTP pemohon/direktur, tanda tangan digital, serta etiket/logo merek. Anda tinggal mengisi form order sederhana (2 langkah), dan tim kami akan menyiapkan seluruh kelengkapan dokumen resmi.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Bagaimana jika merek saya berpotensi mirip dengan merek lain?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Tim konsultan kami akan melakukan penelusuran (search HKI) mendalam terlebih dahulu. Jika ada potensi kemiripan, kami akan memberikan saran modifikasi atau strategi alternatif sebelum dokumen di-submit.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Apakah pembayaran bisa dicicil?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Ya, kami menyediakan skema pembayaran bertahap untuk paket tertentu. Anda dapat mendiskusikan opsi ini langsung dengan tim customer service kami via WhatsApp.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Apakah ada jaminan keberhasilan merek terdaftar?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Kami memberikan pendampingan penuh dari awal hingga sertifikat terbit. Penelusuran presisi kami bertujuan meminimalisir risiko penolakan DJKI. Jika terdapat sanggahan, konsultan kami siap menyusun tanggapan hukum resmi.\n </div>\n </div>\n </div>\n </div>\n</section>\n\n<section class=\"checkout-section\" id=\"order\">\n <div class=\"container\">\n <div style=\"text-align: center; max-width: 700px; margin: 0 auto 40px;\">\n <span class=\"kicker\" style=\"background: rgba(212,152,44,0.2); color: #fce7b8; border-color: rgba(212,152,44,0.4);\">KONSULTASI & PENDAFTARAN</span>\n <h2 style=\"font-family: 'Playfair Display', serif; font-size: clamp(28px, 3.5vw, 38px); margin-top: 10px;\">Mulai Pendaftaran Merek Anda</h2>\n <p style=\"color: #cbd5e1; font-size: 15px; margin-top: 8px;\">Hubungi tim konsultan ahli HKI kami untuk analisis merek dan pendaftaran langsung secara aman & cepat.</p>\n </div>\n\n \n <div class=\"checkout-card\" style=\"text-align: center;\">\n <p style=\"font-size: 16px; margin-bottom: 24px; color: var(--text-secondary);\">Konsultasikan nama dan logo merek Anda secara gratis bersama tim konsultan kami via WhatsApp.</p>\n <a href=\"https://wa.me/6281234567890?text=Halo%20Jelas%20Legal,%20saya%20ingin%20konsultasi%20pendaftaran%20merek%20HKI\" class=\"btn btn-wa\" data-lead-wa=\"true\" target=\"_blank\" rel=\"noopener\" style=\"font-size: 15px; padding: 14px 32px;\">\n <svg class=\"wa-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" style=\"width: 22px; height: 22px;\">\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>Hubungi Konsultan via WhatsApp</span>\n </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=\"#home\">\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>Jelas Legal Indonesia — Layanan pengurusan HKI & pendaftaran merek terpercaya. Melindungi identitas brand Anda dan mengamankan kepastian hukum bisnis secara profesional.</p>\n </div>\n\n <div>\n <div class=\"footer-title\">Navigasi Halaman</div>\n <ul class=\"footer-links\">\n <li><a href=\"#home\">Beranda</a></li>\n <li><a href=\"#risiko\">Risiko Menunda</a></li>\n <li><a href=\"#solusi\">Solusi Layanan</a></li>\n <li><a href=\"#biaya\">Paket & Promo</a></li>\n <li><a href=\"#faq\">Pertanyaan FAQ</a></li>\n </ul>\n </div>\n\n <div>\n <div class=\"footer-title\">Kontak & Media Sosial</div>\n <ul class=\"footer-links\">\n <li><a href=\"https://wa.me/6281234567890\" data-lead-wa=\"true\" target=\"_blank\" rel=\"noopener\">WhatsApp CS Official</a></li>\n <li><a href=\"mailto:info@jelaslegal.com\">info@jelaslegal.com</a></li>\n <li><a href=\"https://instagram.com/jelaslegal\" target=\"_blank\" rel=\"noopener\">Instagram @jelaslegal</a></li>\n <li><a href=\"https://linkedin.com/company/jelaslegal\" target=\"_blank\" rel=\"noopener\">LinkedIn Jelas Legal</a></li>\n </ul>\n </div>\n </div>\n\n <div class=\"footer-bottom\">\n <span>© 2026 Jelas Legal Indonesia. Seluruh hak cipta dilindungi undang-undang.</span>\n <span>Legalitas Merek • Sah • Terpercaya • Resmi DJKI</span>\n </div>\n </div>\n</footer>\n\n\n<a href=\"https://wa.me/6281234567890?text=Halo%20Jelas%20Legal,%20saya%20ingin%20konsultasi%20pendaftaran%20merek%20HKI\" class=\"floating-wa-btn\" 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>Konsultasi Merek via WA</span>\n</a>\n\n<script>\n// Mobile Navigation Toggle\nconst menuBtn = document.getElementById('menuBtn');\nconst navLinks = document.getElementById('navLinks');\n\nif (menuBtn && navLinks) {\n menuBtn.addEventListener('click', () => {\n navLinks.classList.toggle('active');\n });\n\n document.querySelectorAll('.nav-links a').forEach(a => {\n a.addEventListener('click', () => navLinks.classList.remove('active'));\n });\n}\n\n// Interactive Accordion FAQ\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 items\n document.querySelectorAll('.faq-item').forEach(x => {\n x.classList.remove('open');\n x.querySelector('.faq-toggle-icon').textContent = '+';\n });\n\n // Toggle current\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 * Mengirimkan event Lead otomatis saat pengguna menekan tombol WhatsApp\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: 'Pendaftaran 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: 'Pendaftaran Merek WA',\n content_type: 'product',\n description: 'Lead dari tombol WhatsApp Pendaftaran 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":[]}},"jLX7":{"_id":"jLX7","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":["vTBB","jLX7"]}}},"allIds":["908e"]},"slug":"pendaftaran-hki","canvas":"0","state":"publish","userUuid":"6a8e5d12505cee8b960eb56f","publishSlug":"pendaftaran-hki","slugName":"jelaslegal","isOriginal":true,"isABTesting":false,"autoSave":false,"index":false,"settings":{"keyword_phrase":"","keyword_phrase_options":[],"seo_title":["title","separator","keyword"],"meta_description":"","search_engine_display":true,"search_engine_follow":true,"scripts":{"disable_global":false,"head":"","head_desktop":"","head_mobile":"","footer":"","footer_desktop":"","footer_mobile":""},"utm_trackings":{"utm_source":false,"utm_medium":false,"utm_campaign":false,"utm_term":false,"utm_content":false},"published_on":null,"cloakValue":{"device":[],"os":[],"countries":[],"url_redirect":""},"limiterValue":{"limit":0,"reset":0,"refer":["direct"],"whiteList":[],"urlRedirectTo":""},"boost":true,"formulirBoost":false},"permalink":"https://jelaslegal.buat.page/pendaftaran-hki","pageContentId":"6a8e5dd7194e7fd72617bcae"},"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"}}}