Jasa Pendaftaran Paten & Desain Industri | Jelas Legal

PENDAFTARAN PATEN & DESAIN INDUSTRI

Lindungi Invensi & Desain Industri Anda.

Bantu daftarkan hak paten dan desain industri untuk melindungi karya inovasi, fungsi teknologi, serta keunikan visual produk Anda secara sah, terarah, dan profesional.

Konsultasikan Harga Chat WhatsApp

✓ Kerahasiaan Terjamin

✓ Pendampingan Ahli

✓ Proses Terarah

LAYANAN PATEN & DESAIN

⚙️

Punya Invensi atau Desain Produk Unik?

Jangan biarkan inovasi fungsi atau keunikan visual produk Anda digunakan tanpa izin. Kami membantu proses pendaftaran HKI produk Anda secara lebih praktis.

✓ Konsultasi potensi invensi & desain
✓ Pemeriksaan kelayakan klaim teknis
✓ Penyusunan dokumen & gambar teknis
✓ Pendampingan pengajuan ke DJKI

✓ Proses Terarah

◆ Profesional

✓ Transparan

◷ Komunikatif

KEUNTUNGAN

Mengapa Perlu Mengamankan Inovasi & Produk Anda?

Pendaftaran paten dan desain industri memberikan perlindungan hukum eksklusif serta nilai tambah yang signifikan bagi perkembangan bisnis Anda.

Hak Eksklusif Produk

Memberikan Anda hak tunggal untuk menggunakan, memproduksi, atau mengomersialkan fungsi dan penampilan produk Anda.

Mencegah Peniruan

Melindungi bisnis dari kompetitor yang mencoba meniru mekanisme kerja maupun estetika visual produk ciptaan Anda.

Aset Bisnis Berharga

Invensi dan desain produk yang terdaftar menjadi aset tak berwujud (intangible asset) yang bernilai tinggi dan dapat dilisensikan.

CAKUPAN LAYANAN

Perlindungan Mana yang Sesuai untuk Karya Anda?

Konsultasikan kebutuhan produk atau inovasi Anda terlebih dahulu untuk menentukan skema pendaftaran HKI yang paling tepat.

Pendaftaran Paten

Perlindungan untuk invensi di bidang teknologi, solusi teknis, fungsi alat, atau metode baru:

✓ Paten Biasa (Invensi teknologi baru)
✓ Paten Sederhana (Pengembangan alat/produk)
✓ Pemeriksaan deskripsi & klaim teknis
✓ Penyusunan dokumen spesifikasi paten

Desain Industri

Perlindungan untuk bentuk, konfigurasi, komposisi garis/warna, atau tampilan visual produk:

✓ Tampilan visual produk 3D & 2D
✓ Bentuk kemasan & wadah produk
✓ Desain furnitur, alat, fashion, & gadget
✓ Penyiapan uraian & gambar desain industri

CARA KERJA

Proses Pendaftaran Paten & Desain Industri

Mulai dari analisis klaim awal hingga pengajuan resmi, semua proses kami dampingi secara bertahap.

Konsultasi

Sampaikan spesifikasi invensi atau keunikan desain produk Anda.

Pemeriksaan

Tim menganalisis keunikan serta memeriksa persyaratan dokumen.

Penyusunan

Pembuatan deskripsi klaim paten atau gambar teknis desain industri.

Pendaftaran

Proses pengajuan pendaftaran dilakukan ke DJKI sesuai prosedur resmi.

HARGA LAYANAN

Paten & Desain Industri

Setiap invensi dan desain memiliki tingkat kerumitan dokumen yang berbeda. Konsultasikan terlebih dahulu untuk mendapatkan informasi harga yang sesuai.

KONSULTASI HARGA

Jasa Profesional

Paten & Desain Industri

Konsultasikan jenis invensi atau bentuk desain produk Anda kepada tim kami untuk mengetahui kebutuhan dan biaya layanan.

Harga layanan

Konsultasikan di WA

Harga disesuaikan dengan kebutuhan pendaftaran karya Anda.

✓ Konsultasi kebutuhan invensi & desain
✓ Pemeriksaan keunikan & klaim teknis
✓ Persiapan dokumen & gambar teknis
✓ Pendampingan pendaftaran ke DJKI
✓ Informasi pemantauan proses
✓ Komunikasi langsung dengan tim ahli

Konsultasikan di WhatsApp

FAQ

Pertanyaan Seputar Paten & Desain Industri

Harga bervariasi sesuai dengan jenis pendaftaran (Paten Biasa, Paten Sederhana, atau Desain Industri) serta tingkat kerumitan penyusunan klaim/gambar teknis. Silakan konsultasikan via WA untuk estimasi biaya.

Paten melindungi solusi teknis, fungsi alat, atau proses inovasi teknologi. Sedangkan Desain Industri melindungi tampilan estetika luar, bentuk visual, pola, atau konfigurasi fisik suatu produk.

Umumnya dibutuhkan data pemohon/inventor, sampel atau gambar detail produk, serta penjelasan cara kerja/fungsi produk. Tim kami akan membantu memandu penyusunan dokumen lengkapnya.

Tentu saja. Kerahasiaan invensi dan desain produk Anda merupakan prioritas utama kami. Semua informasi yang dibagikan disimpulkan dalam standar profesional yang aman.

Pemeriksaan kelayakan akhir berada di bawah kewenangan DJKI Kemenkumham. Tim kami akan mendampingi penyusunan dokumen teknis agar sesuai standar regulasi yang berlaku untuk memperbesar potensi kelolosan.

Konsultasi WA

{"page":{"_id":"6a8fae87eeac79972c4caf43","title":"Pendaftaran Hak Cipta","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 Paten & Desain Industri | Jelas Legal</title>\n<meta name=\"description\" content=\"Jasa Pendaftaran Paten dan Desain Industri profesional untuk melindungi invensi teknologi, fungsi alat, dan keunikan bentuk tampilan produk bisnis Anda.\">\n\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.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\n/* HEADER & NAV */\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: 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: 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 SECTION */\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(34px, 4.5vw, 54px);\n line-height: 1.16;\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.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.7;\n margin: 22px 0 28px;\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: 32px;\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-primary {\n background: var(--gold-primary);\n color: #ffffff;\n box-shadow: 0 8px 24px rgba(202, 146, 45, 0.3);\n}\n\n.btn-primary:hover {\n background: var(--gold-hover);\n transform: translateY(-3px);\n box-shadow: 0 12px 28px rgba(202, 146, 45, 0.4);\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/* SERVICE CARD RIGHT */\n.service-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}\n\n.service-card-top {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-bottom: 18px;\n border-bottom: 1px solid var(--border-warm);\n}\n\n.service-label {\n color: #8c5d0d;\n font-size: 11px;\n font-weight: 800;\n letter-spacing: 0.12em;\n text-transform: uppercase;\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.service-icon {\n width: 46px;\n height: 46px;\n display: grid;\n place-items: center;\n border: 1px solid var(--gold-border);\n border-radius: 14px;\n background: var(--gold-light);\n color: var(--gold-primary);\n font-size: 22px;\n}\n\n.service-card h2 {\n margin: 20px 0 10px;\n font-family: 'Playfair Display', serif;\n font-size: 24px;\n color: var(--navy-dark);\n line-height: 1.25;\n}\n\n.service-card p {\n color: var(--text-secondary);\n font-size: 13.5px;\n line-height: 1.6;\n}\n\n.mini-list {\n padding: 0;\n margin: 20px 0 0;\n list-style: none;\n display: grid;\n gap: 12px;\n}\n\n.mini-list li {\n display: flex;\n gap: 10px;\n align-items: flex-start;\n font-size: 13px;\n color: var(--text-secondary);\n}\n\n.mini-list .check {\n color: var(--gold-primary);\n font-weight: 800;\n flex-shrink: 0;\n}\n\n/* TRUST BAR */\n.trust-bar {\n padding: 30px 0;\n background: #ffffff;\n border-block: 1px solid var(--border-warm);\n}\n\n.trust-bar-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}\n\n.trust-bar-item {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n color: var(--navy-dark);\n font-size: 13.5px;\n font-weight: 700;\n}\n\n.trust-bar-icon {\n width: 32px;\n height: 32px;\n border-radius: 50%;\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: 13px;\n font-weight: 800;\n}\n\n/* SECTIONS GENERAL */\n.section {\n padding: 80px 0;\n}\n\n.section-alt {\n background: var(--bg-card);\n border-block: 1px solid var(--border-warm);\n}\n\n.section-head {\n text-align: center;\n max-width: 760px;\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/* BENEFIT CARDS (GRID-3) */\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-warm);\n border-radius: var(--radius-lg);\n padding: 30px 24px;\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.benefit-number {\n font-size: 12px;\n font-weight: 800;\n color: var(--gold-primary);\n letter-spacing: 0.1em;\n background: var(--gold-light);\n display: inline-block;\n padding: 4px 10px;\n border-radius: var(--radius-pill);\n border: 1px solid var(--gold-border);\n margin-bottom: 16px;\n width: fit-content;\n}\n\n.card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 20px;\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.6;\n}\n\n/* INFO CARDS (GRID-2) */\n.grid-2 {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 24px;\n}\n\n.info-card {\n background: var(--bg-card);\n border: 1px solid var(--border-warm);\n border-radius: var(--radius-lg);\n padding: 32px 28px;\n box-shadow: var(--shadow-sm);\n transition: all 0.3s ease;\n}\n\n.info-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--shadow-md);\n border-color: var(--gold-border);\n}\n\n.info-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 22px;\n color: var(--navy-dark);\n margin-bottom: 12px;\n font-weight: 700;\n}\n\n.info-card p {\n font-size: 13.5px;\n color: var(--text-secondary);\n line-height: 1.6;\n}\n\n.info-card ul {\n padding: 0;\n margin: 20px 0 0;\n list-style: none;\n display: grid;\n gap: 12px;\n}\n\n.info-card li {\n font-size: 13.5px;\n color: var(--text-secondary);\n display: flex;\n align-items: flex-start;\n gap: 10px;\n}\n\n.info-card li .check {\n color: var(--gold-primary);\n font-weight: 800;\n flex-shrink: 0;\n}\n\n/* PROCESS GRID */\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 SECTION */\n.pricing-wrap {\n max-width: 780px;\n margin: 0 auto;\n}\n\n.pricing-card {\n background: var(--bg-card);\n border: 2px solid var(--gold-primary);\n border-radius: var(--radius-lg);\n padding: 40px 32px;\n box-shadow: 0 16px 40px rgba(202, 146, 45, 0.15);\n position: relative;\n background: linear-gradient(180deg, #ffffff 0%, #fffdfa 100%);\n}\n\n.pricing-badge {\n position: absolute;\n top: -14px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--gold-primary);\n color: #fff;\n font-size: 11px;\n font-weight: 800;\n padding: 4px 18px;\n border-radius: var(--radius-pill);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n white-space: nowrap;\n}\n\n.price-header {\n text-align: center;\n}\n\n.price-header small {\n color: var(--gold-primary);\n font-size: 12px;\n font-weight: 800;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n}\n\n.price-header h3 {\n font-family: 'Playfair Display', serif;\n font-size: 30px;\n color: var(--navy-dark);\n margin: 8px 0 10px;\n}\n\n.price-header p {\n font-size: 14px;\n color: var(--text-secondary);\n max-width: 560px;\n margin: 0 auto;\n}\n\n.price-box {\n margin: 28px 0;\n padding: 24px 0;\n border-block: 1px solid var(--border-warm);\n text-align: center;\n}\n\n.price-box span {\n display: block;\n font-size: 13px;\n color: var(--text-muted);\n margin-bottom: 4px;\n}\n\n.consult-price {\n color: var(--gold-primary);\n font-family: 'Playfair Display', serif;\n font-size: 36px;\n font-weight: 700;\n}\n\n.price-subtitle {\n display: block;\n margin-top: 6px;\n color: var(--text-muted);\n font-size: 12.5px;\n}\n\n.price-list {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px 24px;\n list-style: none;\n margin-bottom: 30px;\n}\n\n.price-list li {\n font-size: 13.5px;\n color: var(--text-secondary);\n display: flex;\n align-items: flex-start;\n gap: 10px;\n}\n\n.price-list li .check {\n color: var(--gold-primary);\n font-weight: 800;\n flex-shrink: 0;\n}\n\n/* FAQ SECTION */\n.faq-grid {\n display: grid;\n gap: 16px;\n max-width: 820px;\n margin: 0 auto;\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: 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.65;\n}\n\n.faq-item.open .faq-answer {\n display: block;\n}\n\n/* CTA BANNER */\n.cta-banner {\n background: linear-gradient(135deg, #0b1528 0%, #11223f 50%, #1e3357 100%);\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 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\n/* FOOTER */\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;\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: 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, .footer-links li {\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 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 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/* RESPONSIVE MEDIA QUERIES */\n@media (max-width: 1024px) {\n .hero-grid {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n .service-card {\n max-width: 100%;\n }\n .grid-3 {\n grid-template-columns: repeat(2, 1fr);\n }\n .trust-bar-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 .grid-3, .grid-2 {\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-list {\n grid-template-columns: 1fr;\n }\n .footer-grid {\n grid-template-columns: 1fr;\n }\n .footer-bottom {\n flex-direction: column;\n text-align: center;\n }\n}\n\n@media (max-width: 480px) {\n .trust-bar-grid {\n grid-template-columns: 1fr;\n }\n .hero-actions .btn {\n width: 100%;\n }\n .pricing-card {\n padding: 32px 20px;\n }\n .cta-banner {\n padding: 32px 24px;\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>Lindungi Invensi & Keunikan Produk Anda Secara Sah</span>\n <span class=\"dot\">•</span>\n <span>Jelas Legal Indonesia</span>\n</div>\n\n<header>\n <div class=\"container nav\">\n <a href=\"/\" class=\"logo\">\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\">Keuntungan</a></li>\n <li><a href=\"#cakupan\">Cakupan 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 btn-primary\" href=\"https://wa.me/6281234567890?text=Halo%20Jelas%20Legal%2C%20saya%20ingin%20informasi%20mengenai%20pendaftaran%20paten%20dan%20desain%20industri.\" target=\"_blank\" rel=\"noopener\">Konsultasi via WhatsApp</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 PENDAFTARAN PATEN & DESAIN INDUSTRI\n </div>\n\n <h1>Lindungi Invensi & <span class=\"highlight\">Desain Industri</span> Anda.</h1>\n\n <p class=\"hero-copy\">Bantu daftarkan hak paten dan desain industri untuk melindungi karya inovasi, fungsi teknologi, serta keunikan visual produk Anda secara sah, terarah, dan profesional.</p>\n\n <div class=\"hero-actions\">\n <a href=\"#harga\" class=\"btn btn-primary\">Konsultasikan Harga</a>\n <a href=\"https://wa.me/6281234567890?text=Halo%20Jelas%20Legal%2C%20saya%20ingin%20konsultasi%20mengenai%20pendaftaran%20paten%20dan%20desain%20industri.\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline\">Chat WhatsApp</a>\n </div>\n\n <div class=\"trust-row\">\n <div class=\"trust-item\"><span>✓</span> Kerahasiaan Terjamin</div>\n <div class=\"trust-item\"><span>✓</span> Pendampingan Ahli</div>\n <div class=\"trust-item\"><span>✓</span> Proses Terarah</div>\n </div>\n </div>\n\n \n <div class=\"service-card\">\n <div class=\"service-card-top\">\n <span class=\"service-label\">LAYANAN PATEN & DESAIN</span>\n <div class=\"service-icon\">⚙️</div>\n </div>\n\n <h2>Punya Invensi atau Desain Produk Unik?</h2>\n\n <p>Jangan biarkan inovasi fungsi atau keunikan visual produk Anda digunakan tanpa izin. Kami membantu proses pendaftaran HKI produk Anda secara lebih praktis.</p>\n\n <ul class=\"mini-list\">\n <li>\n <span class=\"check\">✓</span>\n <span>Konsultasi potensi invensi & desain</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Pemeriksaan kelayakan klaim teknis</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Penyusunan dokumen & gambar teknis</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Pendampingan pengajuan ke DJKI</span>\n </li>\n </ul>\n </div>\n </div>\n</section>\n\n<div class=\"trust-bar\">\n <div class=\"container trust-bar-grid\">\n <div class=\"trust-bar-item\">\n <span class=\"trust-bar-icon\">✓</span>\n <span>Proses Terarah</span>\n </div>\n <div class=\"trust-bar-item\">\n <span class=\"trust-bar-icon\">◆</span>\n <span>Profesional</span>\n </div>\n <div class=\"trust-bar-item\">\n <span class=\"trust-bar-icon\">✓</span>\n <span>Transparan</span>\n </div>\n <div class=\"trust-bar-item\">\n <span class=\"trust-bar-icon\">◷</span>\n <span>Komunikatif</span>\n </div>\n </div>\n</div>\n\n<section id=\"layanan\" class=\"section\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">KEUNTUNGAN</span>\n <h2 class=\"section-title\">Mengapa Perlu Mengamankan Inovasi & Produk Anda?</h2>\n <p class=\"section-desc\">Pendaftaran paten dan desain industri memberikan perlindungan hukum eksklusif serta nilai tambah yang signifikan bagi perkembangan bisnis Anda.</p>\n </div>\n\n <div class=\"grid-3\">\n <article class=\"card\">\n <span class=\"benefit-number\">01</span>\n <h3>Hak Eksklusif Produk</h3>\n <p>Memberikan Anda hak tunggal untuk menggunakan, memproduksi, atau mengomersialkan fungsi dan penampilan produk Anda.</p>\n </article>\n\n <article class=\"card\">\n <span class=\"benefit-number\">02</span>\n <h3>Mencegah Peniruan</h3>\n <p>Melindungi bisnis dari kompetitor yang mencoba meniru mekanisme kerja maupun estetika visual produk ciptaan Anda.</p>\n </article>\n\n <article class=\"card\">\n <span class=\"benefit-number\">03</span>\n <h3>Aset Bisnis Berharga</h3>\n <p>Invensi dan desain produk yang terdaftar menjadi aset tak berwujud (intangible asset) yang bernilai tinggi dan dapat dilisensikan.</p>\n </article>\n </div>\n </div>\n</section>\n\n<section id=\"cakupan\" class=\"section section-alt\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">CAKUPAN LAYANAN</span>\n <h2 class=\"section-title\">Perlindungan Mana yang Sesuai untuk Karya Anda?</h2>\n <p class=\"section-desc\">Konsultasikan kebutuhan produk atau inovasi Anda terlebih dahulu untuk menentukan skema pendaftaran HKI yang paling tepat.</p>\n </div>\n\n <div class=\"grid-2\">\n <div class=\"info-card\">\n <h3>Pendaftaran Paten</h3>\n <p>Perlindungan untuk invensi di bidang teknologi, solusi teknis, fungsi alat, atau metode baru:</p>\n <ul>\n <li>\n <span class=\"check\">✓</span>\n <span>Paten Biasa (Invensi teknologi baru)</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Paten Sederhana (Pengembangan alat/produk)</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Pemeriksaan deskripsi & klaim teknis</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Penyusunan dokumen spesifikasi paten</span>\n </li>\n </ul>\n </div>\n\n <div class=\"info-card\">\n <h3>Desain Industri</h3>\n <p>Perlindungan untuk bentuk, konfigurasi, komposisi garis/warna, atau tampilan visual produk:</p>\n <ul>\n <li>\n <span class=\"check\">✓</span>\n <span>Tampilan visual produk 3D & 2D</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Bentuk kemasan & wadah produk</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Desain furnitur, alat, fashion, & gadget</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Penyiapan uraian & gambar desain industri</span>\n </li>\n </ul>\n </div>\n </div>\n </div>\n</section>\n\n<section id=\"proses\" class=\"section\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">CARA KERJA</span>\n <h2 class=\"section-title\">Proses Pendaftaran Paten & Desain Industri</h2>\n <p class=\"section-desc\">Mulai dari analisis klaim awal hingga pengajuan resmi, semua proses kami dampingi secara bertahap.</p>\n </div>\n\n <div class=\"process-grid\">\n <div class=\"step-card\">\n <div class=\"step-number\">01</div>\n <h3>Konsultasi</h3>\n <p>Sampaikan spesifikasi invensi atau keunikan desain produk Anda.</p>\n </div>\n\n <div class=\"step-card\">\n <div class=\"step-number\">02</div>\n <h3>Pemeriksaan</h3>\n <p>Tim menganalisis keunikan serta memeriksa persyaratan dokumen.</p>\n </div>\n\n <div class=\"step-card\">\n <div class=\"step-number\">03</div>\n <h3>Penyusunan</h3>\n <p>Pembuatan deskripsi klaim paten atau gambar teknis desain industri.</p>\n </div>\n\n <div class=\"step-card\">\n <div class=\"step-number\">04</div>\n <h3>Pendaftaran</h3>\n <p>Proses pengajuan pendaftaran dilakukan ke DJKI sesuai prosedur resmi.</p>\n </div>\n </div>\n </div>\n</section>\n\n<section id=\"harga\" class=\"section section-alt\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">HARGA LAYANAN</span>\n <h2 class=\"section-title\">Paten & Desain Industri</h2>\n <p class=\"section-desc\">Setiap invensi dan desain memiliki tingkat kerumitan dokumen yang berbeda. Konsultasikan terlebih dahulu untuk mendapatkan informasi harga yang sesuai.</p>\n </div>\n\n <div class=\"pricing-wrap\">\n <div class=\"pricing-card\">\n <span class=\"pricing-badge\">KONSULTASI HARGA</span>\n\n <div class=\"price-header\">\n <small>Jasa Profesional</small>\n <h3>Paten & Desain Industri</h3>\n <p>Konsultasikan jenis invensi atau bentuk desain produk Anda kepada tim kami untuk mengetahui kebutuhan dan biaya layanan.</p>\n </div>\n\n <div class=\"price-box\">\n <span>Harga layanan</span>\n <div class=\"consult-price\">Konsultasikan di WA</div>\n <span class=\"price-subtitle\">Harga disesuaikan dengan kebutuhan pendaftaran karya Anda.</span>\n </div>\n\n <ul class=\"price-list\">\n <li>\n <span class=\"check\">✓</span>\n <span>Konsultasi kebutuhan invensi & desain</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Pemeriksaan keunikan & klaim teknis</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Persiapan dokumen & gambar teknis</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Pendampingan pendaftaran ke DJKI</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Informasi pemantauan proses</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Komunikasi langsung dengan tim ahli</span>\n </li>\n </ul>\n\n \n <a class=\"btn btn-wa\" style=\"width: 100%; text-align: center;\" href=\"https://wa.me/6281234567890?text=Halo%20Jelas%20Legal%2C%20saya%20ingin%20konsultasi%20mengenai%20Jasa%20Pendaftaran%20Paten%20dan%20Desain%20Industri.%20Mohon%20informasi%20mengenai%20harga%20dan%20prosesnya.\" 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>Konsultasikan di WhatsApp</span>\n </a>\n </div>\n </div>\n </div>\n</section>\n\n<section id=\"faq\" class=\"section\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">FAQ</span>\n <h2 class=\"section-title\">Pertanyaan Seputar Paten & Desain Industri</h2>\n </div>\n\n <div class=\"faq-grid\">\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Berapa biaya jasa pendaftaran paten dan desain industri?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Harga bervariasi sesuai dengan jenis pendaftaran (Paten Biasa, Paten Sederhana, atau Desain Industri) serta tingkat kerumitan penyusunan klaim/gambar teknis. Silakan konsultasikan via WA untuk estimasi biaya.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Apa perbedaan antara Paten dan Desain Industri?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Paten melindungi solusi teknis, fungsi alat, atau proses inovasi teknologi. Sedangkan Desain Industri melindungi tampilan estetika luar, bentuk visual, pola, atau konfigurasi fisik suatu produk.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Dokumen apa saja yang perlu disiapkan?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Umumnya dibutuhkan data pemohon/inventor, sampel atau gambar detail produk, serta penjelasan cara kerja/fungsi produk. Tim kami akan membantu memandu penyusunan dokumen lengkapnya.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Apakah ide dan invensi saya terjamin kerahasiaannya?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Tentu saja. Kerahasiaan invensi dan desain produk Anda merupakan prioritas utama kami. Semua informasi yang dibagikan disimpulkan dalam standar profesional yang aman.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Apakah pendaftaran menjamin paten/desain pasti disetujui?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Pemeriksaan kelayakan akhir berada di bawah kewenangan DJKI Kemenkumham. Tim kami akan mendampingi penyusunan dokumen teknis agar sesuai standar regulasi yang berlaku untuk memperbesar potensi kelolosan.\n </div>\n </div>\n </div>\n </div>\n</section>\n\n<section class=\"section\" style=\"padding-top: 0;\">\n <div class=\"container\">\n <div class=\"cta-banner\">\n <div>\n <h2>Invensi & Desain Produk Anda Ingin Dilindungi?</h2>\n <p>Konsultasikan kebutuhan pendaftaran paten dan desain industri Anda bersama tim profesional Jelas Legal.</p>\n </div>\n\n <a href=\"https://wa.me/6281234567890?text=Halo%20Jelas%20Legal%2C%20saya%20ingin%20konsultasi%20pendaftaran%20paten%20dan%20desain%20industri.\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\">Chat WhatsApp</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 HKI</div>\n <ul class=\"footer-links\">\n <li><a href=\"/jasa-pendaftaran-merek\">Pendaftaran Merek</a></li>\n <li><a href=\"/layanan/merek-hki/penelusuran-merek\">Penelusuran Merek</a></li>\n <li><a href=\"/layanan/merek-hki/konsultasi-merek\">Konsultasi Merek</a></li>\n <li><a href=\"/layanan/hak-cipta/pendaftaran-hak-cipta\">Pendaftaran Hak Cipta</a></li>\n <li><a href=\"/layanan/hki/paten-desain-industri\">Paten & Desain Industri</a></li>\n </ul>\n </div>\n\n <div>\n <div class=\"footer-title\">Kontak</div>\n <ul class=\"footer-links\">\n <li>WhatsApp: 0812-3456-7890</li>\n <li>Email: halo@jelaslegal.com</li>\n <li>Indonesia</li>\n </ul>\n </div>\n </div>\n\n <div class=\"footer-bottom\">\n <span>© 2026 Jelas Legal. All rights reserved.</span>\n <span>Sah • Aman • Terpercaya</span>\n </div>\n </div>\n</footer>\n\n\n<a class=\"floating-wa-btn\" href=\"https://wa.me/6281234567890?text=Halo%20Jelas%20Legal%2C%20saya%20ingin%20informasi%20mengenai%20pendaftaran%20paten%20dan%20desain%20industri.\" 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 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 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 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</script>\n\n</body>\n</html>","portalselector":"html-head","inhead":false,"dynamicStyleKey":[],"dirty":null},"components":{"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":{"allIds":[]}}},"allIds":["vTBB","jLX7"]}}},"allIds":["908e"]},"slug":"pendaftaran-hak-cipta","canvas":"0","state":"publish","userUuid":"6a8e5d12505cee8b960eb56f","publishSlug":"pendaftaran-hak-cipta","slugName":"jelaslegal","isOriginal":true,"isABTesting":false,"autoSave":false,"index":false,"settings":{"published_on":null,"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}},"permalink":"https://jelaslegal.buat.page/pendaftaran-hak-cipta","pageContentId":"6a8fae87eeac79972c4caf46"},"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"}}}