Paling Populer
Merek & HKI
Lindungi brand, nama usaha, dan karya cipta Anda dari klaim atau peniruan pihak lain.
RESMI & TERPERCAYA
Urus Legalitas Usaha Anda Mudah, Cepat, dan Transparan
•
100% Sesuai Regulasi
PARTNER LEGALITAS RESMI UMKM & PERUSAHAAN
Bangun Bisnis.
Lindungi Merek.
Urus Legalitasnya.
Pendampingan legalitas bisnis profesional, transparan, dan terarah — dari pendirian badan usaha hingga perizinan & perlindungan merek. Jadikan bisnis Anda tumbuh kuat dan tenang.
✓ Proses Cepat & Transparan
✓ Tanpa Biaya Tersembunyi
✓ Didampingi Sampai Terbit
Jelas Legal Indonesia
Solusi Administrasi & Legalitas Bisnis Terpercaya
✓
Sertifikat Legal Resmi
Dokumen Terbit Sesuai Aturan
1.500+
Pemilik Usaha Terbantu
Dari berbagai daerah di Indonesia
3.000+
Dokumen & Izin Terbit
Proses tepat & sesuai regulasi
99%
Tingkat Kepuasan
Ulasan positif dari klien kami
< 15 Mnt
Respon Cepat Admin
Siap membantu konsultasi awal
Layanan Kami
Solusi Legalitas Bisnis Terlengkap
Pilih kebutuhan legalitas sesuai tahap perkembangan usaha Anda. Semua proses disusun dengan jelas, aman, dan mudah dipahami.
🏢
Favorit UMKM
Pendirian Badan Usaha
Resmikan usaha Anda berbadan hukum untuk mempermudah modal, tender, dan kerja sama bisnis.
حلال
Resmi BPJPH
Sertifikat Halal
Pendampingan sertifikasi halal resmi BPJPH Kemenag RI untuk produk makanan, minuman, obat, kosmetik, & jasa resto.
⚡
Izin Operasional
NIB & Perizinan Usaha
Dapatkan izin operasional resmi melalui integrasi sistem OSS RBA Pemerintah secara praktis.
📋
Administrasi
Administrasi Bisnis
Lengkapi kelengkapan perpajakan dan dokumen administrasi dasar perusahaan Anda.
✏️
Akta Notaris
Perubahan Data Perusahaan
Penyesuaian susunan pengurus, modal, alamat domisili, atau bidang usaha perusahaan.
🔄
Perpanjangan
Pembaruan Legalitas
Jaga masa berlaku dokumen dan izin bisnis Anda agar tetap aktif dan aman dari kendala.
🤝
Pendampingan Ahli
Konsultasi & Review Legal Bisnis
Diskusikan rencana bisnis Anda bersama konsultan legal untuk menentukan langkah legalitas yang paling efisien, aman, dan tepat sasaran.
Keunggulan Kami
Mengapa Memilih Jelas Legal?
Kami menghadirkan layanan yang sederhana, ramah, dan transparan tanpa istilah hukum yang rumit.
⏱
Proses Cepat
Pengerjaan cepat dan efisien dengan standar kualitas terbaik.
🏷
Biaya Transparan
Harga terjangkau dan jujur tanpa ada biaya tersembunyi.
🛡
100% Aman
Kerahasiaan data dan dokumen bisnis Anda terjamin aman.
💬
Pendampingan
Tim konsultan siap mendampingi hingga dokumen terbit resmi.
👔
Tim Profesional
Ditangani oleh tim berpengalaman dalam hukum bisnis & perizinan.
Alur Kerja Simple
4 Langkah Mudah Mengurus Legalitas
Proses ringkas dari awal konsultasi hingga dokumen resmi siap digunakan.
1
Konsultasi
Sampaikan kebutuhan atau kendala usaha Anda kepada tim admin kami.
2
Rekomendasi
Kami berikan opsi skema legalitas yang paling tepat & hemat biaya.
3
Proses
Tim profesional mengurus dokumen dengan laporan progres berkala.
4
Selesai
Legalitas resmi terbit dan siap digunakan untuk ekspansi bisnis Anda.
Tim Profesional
Konsultan Legalitas & Perizinan Anda
Ditangani langsung oleh praktisi berpengalaman yang siap memberikan solusi hukum bisnis yang tepat, aman, dan efisien.
Andri Wijaya, S.H.
Head of Legal & Compliance
Berpengalaman 8+ tahun mengurus legalitas PT, CV, dan struktur pendirian badan usaha skala nasional.
Rahma Puspita, S.H., M.Kn.
Spesialis HKI & Merek
Ahli dalam penelusuran, pendaftaran, dan perlindungan Hak Kekayaan Intelektual (HKI) serta Merek Dagang.
Budi Pratama, S.E.
Senior OSS & Licensing Officer
Pakar dalam sistem integrasi perizinan OSS RBA, NIB, dan izin operasional komersial berbagai KBLI.
Dina Safitri, S.H.
Konsultan Perubahan Akta & Legal
Mendampingi proses penyesuaian modal, pergantian pengurus, dan legal audit administrasi usaha.
Testimoni Klien
Apa Kata Pemilik Usaha Tentang Kami
Kepuasan para pelaku usaha adalah bukti komitmen kami dalam memberikan pelayanan terbaik.
“
★★★★★
Proses pendirian PT dan NIB kami selesai sangat cepat. Konsultasinya ramah dan enaknya tidak ada biaya tersembunyi!
D
Dewi Lestari
Founder D'Salad Culinary
“
★★★★★
Tim Jelas Legal sangat cekatan. Pendaftaran merek dagang saya dibantu dari pengecekan awal sampai lolos. Rekomended!
R
Rizky Pratama
CEO Kopi Nusantara
“
★★★★★
Pelayanan ramah, komunikatif, dan responsif banget di WA. Bagi UMKM seperti saya, arahan timnya sangat membantu.
S
Siti Aisyah
Owner Aisyah Hijab Style
FAQ
Pertanyaan Sering Diajukan
Temukan jawaban cepat untuk pertanyaan umum seputar pengurusan legalitas bisnis.
Durasi pengerjaan bervariasi tergantung jenis layanan. Sebagai gambaran, NIB dapat selesai dalam 1 hari kerja, sedangkan pendirian PT/CV membutuhkan waktu sekitar 3-5 hari kerja. Estimasi pasti akan disampaikan saat konsultasi.
Persyaratan disesuaikan dengan jenis layanan. Secara umum, Anda cukup menyiapkan KTP, NPWP pendiri, dan informasi dasar usaha. Tim kami akan memberikan instruksi checklist sederhana.
Sangat bisa! Konsultasi awal 100% gratis. Tim kami akan membantu menganalisis kebutuhan izin atau skema usaha yang paling tepat untuk Anda.
Beberapa izin seperti NIB berlaku selama usaha beroperasi. Namun untuk Merek Dagang berlaku selama 10 tahun dan dapat diperpanjang.
Tidak ada. Semua penawaran harga dari Jelas Legal bersifat transparan dan disampaikan secara jujur di awal sebelum pengerjaan dimulai.
Tentu saja bisa. Mengurus legalitas sebelum beroperasi sangat disarankan agar saat usaha launching, brand Anda sudah terlindungi dan memiliki badan hukum resmi.
PARTNER LEGALITAS TERPERCAYA
Konsultasi WhatsApp Sekarang
Siap Membuat Bisnis Anda Lebih Resmi & Terpercaya?
Konsultasikan kebutuhan usaha Anda sekarang. Tim konsultan kami siap memberikan solusi terbaik yang jelas dan efisien.
{"page":{"_id":"6a8e975f194e7fd72618c688","title":"Home","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":{"MZNw":{"_id":"MZNw","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>Jelas Legal — Legalitas Bisnis Lebih Mudah & Terpercaya</title>\n<meta name=\"description\" content=\"Jelas Legal membantu UMKM dan perusahaan mengurus legalitas bisnis, pendirian badan usaha, merek HKI, NIB OSS, administrasi, perubahan data, pembaruan legalitas, dan konsultasi hukum bisnis.\">\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/* NAVIGATION */\nheader {\n position: sticky;\n top: 0;\n z-index: 1000;\n background: rgba(255, 255, 255, 0.92);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border-bottom: 1px solid var(--border-warm);\n transition: background 0.3s ease;\n}\n\n.nav {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 80px;\n}\n\n.logo {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.logo-img {\n height: 48px;\n width: auto;\n object-fit: contain;\n}\n\n.nav-links {\n display: flex;\n align-items: center;\n gap: 32px;\n list-style: none;\n}\n\n.nav-links a {\n font-size: 14px;\n font-weight: 600;\n color: var(--text-secondary);\n padding: 8px 0;\n position: relative;\n}\n\n.nav-links a:hover {\n color: var(--gold-primary);\n}\n\n.nav-links a::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0%;\n height: 2.5px;\n background: var(--gold-primary);\n border-radius: 4px;\n transition: width 0.25s ease;\n}\n\n.nav-links a:hover::after {\n width: 100%;\n}\n\n.nav-cta {\n background: var(--navy-main);\n color: #ffffff;\n padding: 12px 24px;\n border-radius: var(--radius-pill);\n font-size: 13.5px;\n font-weight: 700;\n box-shadow: var(--shadow-sm);\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n\n.nav-cta:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: var(--shadow-md);\n color: #fff;\n}\n\n.menu-toggle {\n display: none;\n background: none;\n border: none;\n font-size: 26px;\n color: var(--navy-dark);\n cursor: pointer;\n padding: 6px;\n}\n\n/* HERO 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(38px, 4.8vw, 62px);\n line-height: 1.12;\n letter-spacing: -0.02em;\n font-weight: 700;\n}\n\n.hero h1 .highlight {\n color: var(--gold-primary);\n position: relative;\n display: inline-block;\n}\n\n.hero h1 .highlight::after {\n content: \"\";\n position: absolute;\n bottom: 4px;\n left: 0;\n width: 100%;\n height: 8px;\n background: rgba(202, 146, 45, 0.15);\n z-index: -1;\n border-radius: 4px;\n}\n\n.hero-copy {\n font-size: 16.5px;\n color: var(--text-secondary);\n line-height: 1.7;\n margin: 22px 0 32px;\n max-width: 580px;\n font-weight: 450;\n}\n\n.hero-actions {\n display: flex;\n align-items: center;\n gap: 16px;\n flex-wrap: wrap;\n margin-bottom: 36px;\n}\n\n.btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 52px;\n padding: 0 26px;\n border-radius: var(--radius-pill);\n font-size: 14px;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n border: none;\n}\n\n.btn-wa {\n background: var(--emerald-wa);\n color: #ffffff;\n box-shadow: 0 8px 24px rgba(37, 211, 102, 0.3);\n gap: 10px;\n}\n\n.btn-wa:hover {\n background: var(--emerald-hover);\n transform: translateY(-3px);\n box-shadow: 0 12px 28px rgba(37, 211, 102, 0.4);\n color: #ffffff;\n}\n\n.btn-outline {\n background: #ffffff;\n color: var(--navy-dark);\n border: 1.5px solid var(--border-subtle);\n box-shadow: var(--shadow-sm);\n}\n\n.btn-outline:hover {\n border-color: var(--gold-primary);\n color: var(--gold-primary);\n transform: translateY(-2px);\n box-shadow: var(--shadow-md);\n}\n\n.wa-icon {\n width: 21px;\n height: 21px;\n flex-shrink: 0;\n fill: currentColor;\n}\n\n.trust-row {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n padding-top: 10px;\n border-top: 1px dashed var(--border-warm);\n}\n\n.trust-item {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 7px 14px;\n background: #ffffff;\n border: 1px solid var(--border-warm);\n border-radius: var(--radius-sm);\n font-size: 12.5px;\n font-weight: 600;\n color: var(--text-secondary);\n box-shadow: 0 2px 6px rgba(0,0,0,0.02);\n}\n\n.trust-item span {\n color: var(--gold-primary);\n font-weight: 800;\n}\n\n/* HERO 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, #fdfbf7);\n border: 1px solid var(--gold-border);\n border-radius: var(--radius-lg);\n padding: 30px 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: 260px;\n object-fit: cover;\n border-radius: var(--radius-md);\n margin-bottom: 20px;\n border: 2px solid var(--gold-border);\n box-shadow: 0 10px 24px rgba(17, 34, 63, 0.12);\n}\n\n.art-title {\n font-family: 'Playfair Display', serif;\n font-size: 22px;\n color: var(--navy-dark);\n font-weight: 700;\n}\n\n.art-subtitle {\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 4px;\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: 20px;\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/* STATS */\n.stats-section {\n padding: 20px 0 70px;\n}\n\n.stats-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n background: #ffffff;\n border: 1px solid var(--border-warm);\n border-radius: var(--radius-lg);\n box-shadow: var(--shadow-sm);\n overflow: hidden;\n}\n\n.stat-card {\n padding: 28px 20px;\n text-align: center;\n border-right: 1px solid var(--border-warm);\n transition: background 0.2s ease;\n}\n\n.stat-card:last-child {\n border-right: none;\n}\n\n.stat-card:hover {\n background: var(--gold-light);\n}\n\n.stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 34px;\n font-weight: 700;\n color: var(--gold-primary);\n line-height: 1;\n}\n\n.stat-label {\n font-size: 13.5px;\n font-weight: 700;\n color: var(--navy-dark);\n margin-top: 6px;\n}\n\n.stat-sub {\n font-size: 11.5px;\n color: var(--text-muted);\n margin-top: 3px;\n}\n\n/* SECTIONS */\n.section {\n padding: 80px 0;\n}\n\n.section-head {\n text-align: center;\n max-width: 720px;\n margin: 0 auto 50px;\n}\n\n.kicker {\n display: inline-block;\n font-size: 12px;\n font-weight: 800;\n color: var(--gold-primary);\n letter-spacing: 0.12em;\n text-transform: uppercase;\n margin-bottom: 10px;\n background: var(--gold-light);\n padding: 4px 12px;\n border-radius: var(--radius-pill);\n border: 1px solid var(--gold-border);\n}\n\n.section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(28px, 3.5vw, 40px);\n color: var(--navy-dark);\n line-height: 1.22;\n font-weight: 700;\n}\n\n.section-desc {\n font-size: 15.5px;\n color: var(--text-secondary);\n margin-top: 14px;\n line-height: 1.65;\n}\n\n/* SERVICES GRID */\n.services-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n}\n\n.service-card {\n background: var(--bg-card);\n border: 1px solid var(--border-warm);\n border-radius: var(--radius-lg);\n padding: 30px 26px;\n box-shadow: var(--shadow-sm);\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n position: relative;\n}\n\n.service-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--shadow-lg);\n border-color: var(--gold-border);\n}\n\n.service-card.featured {\n border: 2px solid var(--gold-primary);\n background: linear-gradient(180deg, #ffffff 0%, #fffdfa 100%);\n box-shadow: 0 12px 32px rgba(202, 146, 45, 0.1);\n}\n\n.service-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 20px;\n}\n\n.service-icon-box {\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 font-size: 24px;\n font-weight: 700;\n}\n\n.tag-badge {\n background: var(--gold-light);\n color: #8c5d0d;\n border: 1px solid var(--gold-border);\n padding: 5px 12px;\n border-radius: var(--radius-pill);\n font-size: 11px;\n font-weight: 700;\n}\n\n.tag-badge.popular {\n background: var(--gold-primary);\n color: #ffffff;\n border: none;\n}\n\n.service-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 22px;\n color: var(--navy-dark);\n font-weight: 700;\n line-height: 1.3;\n}\n\n.service-card h3 a {\n color: var(--navy-dark);\n}\n\n.service-card h3 a:hover {\n color: var(--gold-primary);\n}\n\n.service-lead {\n font-size: 13.5px;\n color: var(--text-muted);\n margin: 10px 0 20px;\n line-height: 1.6;\n}\n\n.service-list {\n list-style: none;\n display: grid;\n gap: 10px;\n margin-top: auto;\n padding-top: 16px;\n border-top: 1px solid var(--border-subtle);\n}\n\n.service-list li {\n font-size: 13px;\n color: var(--text-secondary);\n display: flex;\n align-items: flex-start;\n gap: 10px;\n}\n\n.service-list li::before {\n content: \"✓\";\n color: var(--gold-primary);\n font-weight: 800;\n font-size: 13px;\n line-height: 1.4;\n flex-shrink: 0;\n}\n\n.service-list li a {\n color: var(--text-secondary);\n transition: color 0.2s ease;\n}\n\n.service-list li a:hover {\n color: var(--gold-primary);\n text-decoration: underline;\n}\n\n.service-card.wide-card {\n grid-column: span 2;\n width: 100%;\n}\n\n/* WHY US */\n.why-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 20px;\n}\n\n.why-card {\n background: var(--bg-card);\n border: 1px solid var(--border-warm);\n border-radius: var(--radius-md);\n padding: 28px 18px;\n text-align: center;\n box-shadow: var(--shadow-sm);\n transition: transform 0.25s ease;\n}\n\n.why-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--shadow-md);\n}\n\n.why-icon {\n width: 54px;\n height: 54px;\n margin: 0 auto 16px;\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: 22px;\n}\n\n.why-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 17px;\n color: var(--navy-dark);\n margin-bottom: 8px;\n}\n\n.why-card p {\n font-size: 12.5px;\n color: var(--text-muted);\n line-height: 1.55;\n}\n\n/* WORKFLOW PROCESS */\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/* TEAM */\n.team-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n}\n\n.team-card {\n background: var(--bg-card);\n border: 1px solid var(--border-warm);\n border-radius: var(--radius-lg);\n padding: 28px 20px;\n text-align: center;\n box-shadow: var(--shadow-sm);\n transition: all 0.3s ease;\n}\n\n.team-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--shadow-lg);\n border-color: var(--gold-border);\n}\n\n.team-img-wrapper {\n position: relative;\n width: 110px;\n height: 110px;\n margin: 0 auto 18px;\n}\n\n.team-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 50%;\n border: 3px solid var(--gold-primary);\n box-shadow: 0 6px 18px rgba(202, 146, 45, 0.25);\n}\n\n.team-name {\n font-family: 'Playfair Display', serif;\n font-size: 19px;\n color: var(--navy-dark);\n font-weight: 700;\n line-height: 1.3;\n}\n\n.team-role {\n font-size: 12px;\n font-weight: 700;\n color: var(--gold-primary);\n letter-spacing: 0.02em;\n margin: 4px 0 10px;\n text-transform: uppercase;\n}\n\n.team-desc {\n font-size: 12.5px;\n color: var(--text-muted);\n line-height: 1.55;\n}\n\n/* TESTIMONIALS */\n.testimonials-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n}\n\n.testimonial-card {\n background: var(--bg-card);\n border: 1px solid var(--border-warm);\n border-radius: var(--radius-lg);\n padding: 30px;\n box-shadow: var(--shadow-sm);\n display: flex;\n flex-direction: column;\n}\n\n.quote-icon {\n font-family: Georgia, serif;\n font-size: 48px;\n color: var(--gold-primary);\n line-height: 0.8;\n height: 28px;\n}\n\n.stars {\n color: #f59e0b;\n letter-spacing: 2px;\n font-size: 14px;\n margin: 12px 0;\n}\n\n.testimonial-card p {\n font-size: 13.5px;\n color: var(--text-secondary);\n line-height: 1.65;\n margin-bottom: 20px;\n font-style: italic;\n}\n\n.client-info {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: auto;\n padding-top: 16px;\n border-top: 1px solid var(--border-subtle);\n}\n\n.client-avatar {\n width: 42px;\n height: 42px;\n border-radius: 50%;\n background: linear-gradient(135deg, #d49a33, #a47116);\n color: #ffffff;\n display: grid;\n place-items: center;\n font-weight: 700;\n font-size: 15px;\n}\n\n.client-info strong {\n display: block;\n font-size: 13px;\n color: var(--navy-dark);\n}\n\n.client-info span {\n font-size: 11px;\n color: var(--text-muted);\n}\n\n/* FAQ */\n.faq-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 16px;\n}\n\n.faq-item {\n background: var(--bg-card);\n border: 1px solid var(--border-warm);\n border-radius: var(--radius-md);\n overflow: hidden;\n transition: border-color 0.2s ease;\n}\n\n.faq-item.open {\n border-color: var(--gold-primary);\n box-shadow: var(--shadow-sm);\n}\n\n.faq-question {\n width: 100%;\n padding: 18px 20px;\n background: none;\n border: none;\n text-align: left;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 14px;\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 14px;\n font-weight: 700;\n color: var(--navy-dark);\n cursor: pointer;\n}\n\n.faq-toggle-icon {\n font-size: 20px;\n color: var(--gold-primary);\n font-weight: 600;\n line-height: 1;\n}\n\n.faq-answer {\n display: none;\n padding: 0 20px 18px;\n font-size: 13px;\n color: var(--text-secondary);\n line-height: 1.65;\n}\n\n.faq-item.open .faq-answer {\n display: block;\n}\n\n/* CTA BANNER */\n.cta-banner {\n background: linear-gradient(135deg, #0b1528, #11223f, #1e3357);\n border-radius: var(--radius-lg);\n padding: 56px 48px;\n color: #ffffff;\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: center;\n gap: 36px;\n box-shadow: var(--shadow-lg);\n position: relative;\n overflow: hidden;\n}\n\n.cta-banner::before {\n content: \"\";\n position: absolute;\n top: -100px;\n right: -100px;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(202, 146, 45, 0.2) 0%, transparent 70%);\n pointer-events: none;\n}\n\n.cta-banner .kicker {\n background: rgba(202, 146, 45, 0.2);\n color: #fce3a6;\n border-color: rgba(202, 146, 45, 0.4);\n}\n\n.cta-banner h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(26px, 3vw, 36px);\n color: #ffffff;\n line-height: 1.25;\n}\n\n.cta-banner p {\n font-size: 14.5px;\n color: #cbd5e1;\n margin-top: 10px;\n max-width: 620px;\n}\n\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 1fr;\n gap: 40px;\n}\n\n.footer-brand p {\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 16px;\n line-height: 1.65;\n max-width: 320px;\n}\n\n.footer-title {\n font-size: 12px;\n font-weight: 800;\n color: var(--navy-dark);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n margin-bottom: 16px;\n}\n\n.footer-links {\n list-style: none;\n display: grid;\n gap: 10px;\n}\n\n.footer-links a {\n font-size: 13px;\n color: var(--text-secondary);\n}\n\n.footer-links a:hover {\n color: var(--gold-primary);\n}\n\n.footer-bottom {\n margin-top: 48px;\n padding-top: 20px;\n border-top: 1px solid var(--border-subtle);\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n font-size: 12px;\n color: var(--text-muted);\n}\n\n/* FLOATING WA 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 .hero-art-container {\n order: -1;\n }\n .services-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n .service-card.wide-card {\n grid-column: 1 / -1;\n }\n .why-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n .team-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n .cta-banner {\n grid-template-columns: 1fr;\n text-align: center;\n }\n .cta-banner p {\n margin-inline: auto;\n }\n .cta-banner .btn {\n justify-self: center;\n }\n}\n\n@media (max-width: 768px) {\n .nav-links {\n display: none;\n position: absolute;\n top: 80px;\n left: 20px;\n right: 20px;\n background: #ffffff;\n border: 1px solid var(--border-warm);\n border-radius: var(--radius-md);\n padding: 16px;\n box-shadow: var(--shadow-lg);\n flex-direction: column;\n gap: 0;\n }\n .nav-links.active {\n display: flex;\n }\n .nav-links a {\n width: 100%;\n padding: 12px 16px;\n }\n .nav-cta {\n display: none;\n }\n .menu-toggle {\n display: block;\n }\n .hero {\n padding: 40px 0 30px;\n }\n .hero h1 {\n font-size: 34px;\n }\n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n .stat-card:nth-child(2) {\n border-right: none;\n }\n .stat-card {\n border-bottom: 1px solid var(--border-subtle);\n }\n .services-grid, .testimonials-grid, .faq-grid {\n grid-template-columns: 1fr;\n }\n .service-card.wide-card {\n grid-column: auto;\n }\n .why-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n .process-grid {\n grid-template-columns: 1fr;\n }\n .process-grid::before {\n display: none;\n }\n .art-badge-floating {\n display: none;\n }\n .footer-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n .footer-bottom {\n flex-direction: column;\n text-align: center;\n }\n}\n\n@media (max-width: 480px) {\n .why-grid, .team-grid {\n grid-template-columns: 1fr;\n }\n .footer-grid {\n grid-template-columns: 1fr;\n }\n .hero-actions .btn {\n width: 100%;\n }\n .cta-banner {\n padding: 32px 24px;\n }\n .floating-wa-btn span {\n display: none;\n }\n .floating-wa-btn {\n padding: 14px;\n border-radius: 50%;\n bottom: 18px;\n right: 18px;\n }\n}\n</style>\n</head>\n\n<body>\n\n<div class=\"topbar\">\n <span class=\"badge-spark\">RESMI & TERPERCAYA</span>\n <span>Urus Legalitas Usaha Anda Mudah, Cepat, dan Transparan</span>\n <span class=\"dot\">•</span>\n <span>100% Sesuai Regulasi</span>\n</div>\n\n<header>\n <div class=\"container nav\">\n <a class=\"logo\" href=\"#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=\"#layanan\">Layanan</a></li>\n <li><a href=\"#keunggulan\">Keunggulan</a></li>\n <li><a href=\"#cara-kerja\">Cara Kerja</a></li>\n <li><a href=\"#tim\">Tim Kami</a></li>\n <li><a href=\"#testimoni\">Testimoni</a></li>\n <li><a href=\"#faq\">FAQ</a></li>\n </ul>\n\n <a class=\"nav-cta\" href=\"#kontak\">Konsultasi Gratis</a>\n <button class=\"menu-toggle\" id=\"menuBtn\" aria-label=\"Menu Navigasi\">☰</button>\n </div>\n</header>\n\n<main id=\"home\">\n<section class=\"hero\">\n <div class=\"container hero-grid\">\n <div class=\"hero-content\">\n <div class=\"eyebrow\">\n <span class=\"eyebrow-dot\"></span>\n PARTNER LEGALITAS RESMI UMKM & PERUSAHAAN\n </div>\n <h1>Bangun Bisnis.<br>Lindungi Merek.<br>Urus <span class=\"highlight\">Legalitasnya.</span></h1>\n <p class=\"hero-copy\">Pendampingan legalitas bisnis profesional, transparan, dan terarah — dari pendirian badan usaha hingga perizinan & perlindungan merek. Jadikan bisnis Anda tumbuh kuat dan tenang.</p>\n\n <div class=\"hero-actions\">\n <a class=\"btn btn-wa\" href=\"https://wa.me/6281234567890?text=Halo%20Jelas%20Legal,%20saya%20ingin%20konsultasi%20legalitas%20usaha\" data-lead-wa=\"true\" target=\"_blank\" rel=\"noopener\">\n <svg class=\"wa-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M20.5 3.5A11.8 11.8 0 0 0 12.08 0C5.55 0 .24 5.3.24 11.83c0 2.08.54 4.11 1.57 5.9L.14 24l6.42-1.64a11.8 11.8 0 0 0 5.52 1.36h.01c6.52 0 11.83-5.3 11.83-11.83 0-3.16-1.23-6.13-3.42-8.39ZM12.09 21.7h-.01a9.8 9.8 0 0 1-5-.1l-.36-.14-3.81.97 1.02-3.71-.17-.38a9.82 9.82 0 1 1 8.33 3.36Zm5.38-7.36c-.29-.15-1.71-.84-1.98-.93-.27-.1-.47-.15-.67.15-.2.29-.77.93-.94 1.12-.17.2-.35.22-.64.07-.29-.15-1.21-.45-2.3-1.43-.85-.76-1.43-1.7-1.6-1.99-.17-.29-.02-.45.13-.6.13-.13.29-.34.44-.51.15-.17.2-.29.3-.49.1-.2.05-.37-.02-.52-.07-.15-.67-1.6-.91-2.19-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.29-1.04 1.02-1.04 2.48s1.07 2.87 1.21 3.07c.15.2 2.1 3.2 5.09 4.49.71.31 1.26.49 1.69.63.71.23 1.35.2 1.86.12.57-.08 1.71-.7 1.95-1.38.24-.68.24-1.26.17-1.38-.07-.12-.27-.2-.56-.34Z\"/>\n </svg>\n <span>Konsultasi via WhatsApp</span>\n </a>\n <a class=\"btn btn-outline\" href=\"#layanan\">Lihat Layanan Kami</a>\n </div>\n\n <div class=\"trust-row\">\n <div class=\"trust-item\"><span>✓</span> Proses Cepat & Transparan</div>\n <div class=\"trust-item\"><span>✓</span> Tanpa Biaya Tersembunyi</div>\n <div class=\"trust-item\"><span>✓</span> Didampingi Sampai Terbit</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/26/5ab44b4a8215dbfe9c567437.webp\" alt=\"Jelas Legal Indonesia\" class=\"hero-art-img\">\n <h2 class=\"art-title\">Jelas Legal Indonesia</h2>\n <p class=\"art-subtitle\">Solusi Administrasi & Legalitas Bisnis Terpercaya</p>\n </div>\n\n <div class=\"art-badge-floating top-right\">\n <div class=\"badge-icon-box green\">✓</div>\n <div>\n <strong>Sertifikat Legal Resmi</strong>\n <span>Dokumen Terbit Sesuai Aturan</span>\n </div>\n </div>\n </div>\n </div>\n</section>\n\n<section class=\"stats-section\">\n <div class=\"container\">\n <div class=\"stats-grid\">\n <div class=\"stat-card\">\n <div class=\"stat-number\">1.500+</div>\n <div class=\"stat-label\">Pemilik Usaha Terbantu</div>\n <div class=\"stat-sub\">Dari berbagai daerah di Indonesia</div>\n </div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">3.000+</div>\n <div class=\"stat-label\">Dokumen & Izin Terbit</div>\n <div class=\"stat-sub\">Proses tepat & sesuai regulasi</div>\n </div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">99%</div>\n <div class=\"stat-label\">Tingkat Kepuasan</div>\n <div class=\"stat-sub\">Ulasan positif dari klien kami</div>\n </div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">< 15 Mnt</div>\n <div class=\"stat-label\">Respon Cepat Admin</div>\n <div class=\"stat-sub\">Siap membantu konsultasi awal</div>\n </div>\n </div>\n </div>\n</section>\n\n<section class=\"section\" id=\"layanan\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">Layanan Kami</span>\n <h2 class=\"section-title\">Solusi Legalitas Bisnis Terlengkap</h2>\n <p class=\"section-desc\">Pilih kebutuhan legalitas sesuai tahap perkembangan usaha Anda. Semua proses disusun dengan jelas, aman, dan mudah dipahami.</p>\n </div>\n\n <div class=\"services-grid\">\n <article class=\"service-card featured\">\n <div class=\"service-header\">\n <div class=\"service-icon-box\">®</div>\n <span class=\"tag-badge popular\">Paling Populer</span>\n </div>\n <h3><a href=\"/layanan/merek-hki\">Merek & HKI</a></h3>\n <p class=\"service-lead\">Lindungi brand, nama usaha, dan karya cipta Anda dari klaim atau peniruan pihak lain.</p>\n <ul class=\"service-list\">\n <li><a href=\"https://jelaslegal.com/pendaftaran-hki\">Pendaftaran Merek DJKI</a></li>\n <li><a href=\"https://jelaslegal.com/penelusuran-dan-analisa-merek\">Penelusuran & Analisis Merek</a></li>\n <li><a href=\"https://jelaslegal.com/konsultasi-merek-dagang\">Konsultasi Merek Dagang</a></li>\n <li><a href=\"https://jelaslegal.com/perpanjangan-merek-dagang\">Perpanjangan Merek</a></li>\n <li><a href=\"https://jelaslegal.com/pengalihan-hak-merek\">Pengalihan Hak Merek</a></li>\n <li><a href=\"https://jelaslegal.com/pendaftaran-hak-cipta\">Pendaftaran Hak Cipta</a></li>\n <li><a href=\"https://jelaslegal.com/paten-dan-desain-industri\">Paten & Desain Industri</a></li>\n </ul>\n </article>\n\n <article class=\"service-card\">\n <div class=\"service-header\">\n <div class=\"service-icon-box\">🏢</div>\n <span class=\"tag-badge\">Favorit UMKM</span>\n </div>\n <h3><a href=\"/layanan/pendirian-badan-usaha\">Pendirian Badan Usaha</a></h3>\n <p class=\"service-lead\">Resmikan usaha Anda berbadan hukum untuk mempermudah modal, tender, dan kerja sama bisnis.</p>\n <ul class=\"service-list\">\n <li><a href=\"https://jelaslegal.com/pendirian-pt-perorangan\">Pendirian PT Perorangan</a></li>\n <li><a href=\"https://jelaslegal.com/pendirian-pt-umum\">Pendirian PT Umum</a></li>\n <li><a href=\"https://jelaslegal.com/pendirian-cv-usaha\">Pendirian CV Usaha</a></li>\n <li><a href=\"https://jelaslegal.com/pembuatan-npwp-orang\">Pembuatan NPWP Orang Pribadi</a></li>\n <li><a href=\"https://jelaslegal.com/pembuatan-npwp-perusahaan\">Pembuatan NPWP Perusahaan</a></li>\n </ul>\n </article>\n\n <article class=\"service-card\">\n <div class=\"service-header\">\n <div class=\"service-icon-box\" style=\"font-size: 21px;\">حلال</div>\n <span class=\"tag-badge\">Resmi BPJPH</span>\n </div>\n <h3><a href=\"https://jelaslegal.com/sertifikat-halal\">Sertifikat Halal</a></h3>\n <p class=\"service-lead\">Pendampingan sertifikasi halal resmi BPJPH Kemenag RI untuk produk makanan, minuman, obat, kosmetik, & jasa resto.</p>\n <ul class=\"service-list\">\n <li><a href=\"https://jelaslegal.com/sertifikasi-halal-reguler\">Sertifikasi Halal Reguler BPJPH</a></li>\n <li><a href=\"https://jelaslegal.com/sertifikasi-halal-self-declare\">Sertifikat Halal Self Declare (UMKM)</a></li>\n <li><a href=\"https://jelaslegal.com/penyusunan-dokumen-sjph\">Penyusunan Dokumen SJPH & Manual Halal</a></li>\n <li><a href=\"https://jelaslegal.com/pendampingan-penyelia-halal\">Pendampingan Penyelia Halal</a></li>\n <li><a href=\"https://jelaslegal.com/audit-lph-kemenag\">Pemeriksaan & Audit LPH / MUI</a></li>\n <li><a href=\"https://jelaslegal.com/perpanjangan-sertifikat-halal\">Perpanjangan & Pemutakhiran Sertifikat Halal</a></li>\n </ul>\n </article>\n\n <article class=\"service-card\">\n <div class=\"service-header\">\n <div class=\"service-icon-box\">⚡</div>\n <span class=\"tag-badge\">Izin Operasional</span>\n </div>\n <h3><a href=\"/layanan/nib-perizinan\">NIB & Perizinan Usaha</a></h3>\n <p class=\"service-lead\">Dapatkan izin operasional resmi melalui integrasi sistem OSS RBA Pemerintah secara praktis.</p>\n <ul class=\"service-list\">\n <li><a href=\"https://jelaslegal.com/pembuatan-nomor-induk-berusaha\">Pembuatan NIB (Nomor Induk Berusaha)</a></li>\n <li><a href=\"https://jelaslegal.com/penerbitan-izin-oss-rba\">Penerbitan Izin OSS RBA</a></li>\n <li><a href=\"https://jelaslegal.com/penyesuaian-dan-pemilihan-kbli\">Penyesuaian & Pemilihan KBLI</a></li>\n <li><a href=\"https://jelaslegal.com/izin-operasional-dan-komersial\">Izin Operasional & Komersial</a></li>\n <li><a href=\"https://jelaslegal.com/pembaruan-dan-sinkronisasi-izin\">Pembaruan & Sinkronisasi Izin</a></li>\n </ul>\n </article>\n\n <article class=\"service-card\">\n <div class=\"service-header\">\n <div class=\"service-icon-box\">📋</div>\n <span class=\"tag-badge\">Administrasi</span>\n </div>\n <h3><a href=\"/layanan/administrasi-bisnis\">Administrasi Bisnis</a></h3>\n <p class=\"service-lead\">Lengkapi kelengkapan perpajakan dan dokumen administrasi dasar perusahaan Anda.</p>\n <ul class=\"service-list\">\n <li><a href=\"https://jelaslegal.com/pembuatan-npwp-perusahaan\">Pembuatan NPWP Badan Usaha</a></li>\n <li><a href=\"/layanan/administrasi-pajak-usaha-dasar\">Administrasi Pajak Usaha Dasar</a></li>\n <li><a href=\"/layanan/dokumen-legal-usaha\">Pengurusan Dokumen Legal Usaha</a></li>\n <li><a href=\"/layanan/sinkronisasi-data-administrasi\">Sinkronisasi Data Administrasi</a></li>\n </ul>\n </article>\n\n <article class=\"service-card\">\n <div class=\"service-header\">\n <div class=\"service-icon-box\">✏️</div>\n <span class=\"tag-badge\">Akta Notaris</span>\n </div>\n <h3><a href=\"/layanan/perubahan-data-perusahaan\">Perubahan Data Perusahaan</a></h3>\n <p class=\"service-lead\">Penyesuaian susunan pengurus, modal, alamat domisili, atau bidang usaha perusahaan.</p>\n <ul class=\"service-list\">\n <li><a href=\"https://jelaslegal.com/perubahan-nama-perusahaan\">Perubahan Nama Perusahaan</a></li>\n <li><a href=\"https://jelaslegal.com/pindah-domisili-dan-alamat\">Pindah Domisili & Alamat</a></li>\n <li><a href=\"https://jelaslegal.com/pergantian-direksi-atau-komisaris\">Pergantian Direksi / Komisaris</a></li>\n <li><a href=\"https://jelaslegal.com/perubahan-saham-dan-modal\">Perubahan Saham & Modal</a></li>\n <li><a href=\"https://jelaslegal.com/penambahan-kbli-atau-bidang-usaha\">Penambahan KBLI / Bidang Usaha</a></li>\n <li><a href=\"https://jelaslegal.com/perubahan-anggaran-dasar-akta\">Perubahan Anggaran Dasar Akta</a></li>\n </ul>\n </article>\n\n <article class=\"service-card\">\n <div class=\"service-header\">\n <div class=\"service-icon-box\">🔄</div>\n <span class=\"tag-badge\">Perpanjangan</span>\n </div>\n <h3><a href=\"/layanan/pembaruan-legalitas\">Pembaruan Legalitas</a></h3>\n <p class=\"service-lead\">Jaga masa berlaku dokumen dan izin bisnis Anda agar tetap aktif dan aman dari kendala.</p>\n <ul class=\"service-list\">\n <li><a href=\"https://jelaslegal.com/perpanjangan-sertifikat-merek\">Perpanjangan Sertifikat Merek</a></li>\n <li><a href=\"https://jelaslegal.com/perpanjangan-izin-usaha\">Perpanjangan Izin Usaha</a></li>\n <li><a href=\"https://jelaslegal.com/pembaruan-profil-nib-oss\">Pembaruan Profil NIB OSS</a></li>\n <li><a href=\"https://jelaslegal.com/migrasi-dan-update-oss-rba\">Migrasi & Update OSS RBA</a></li>\n <li><a href=\"https://jelaslegal.com/pembaruan-data-instansi-resmi\">Pembaruan Data Instansi Resmi</a></li>\n </ul>\n </article>\n\n <article class=\"service-card wide-card\">\n <div class=\"service-header\">\n <div class=\"service-icon-box\">🤝</div>\n <span class=\"tag-badge\">Pendampingan Ahli</span>\n </div>\n <h3><a href=\"/layanan/konsultasi-review-legal\">Konsultasi & Review Legal Bisnis</a></h3>\n <p class=\"service-lead\">Diskusikan rencana bisnis Anda bersama konsultan legal untuk menentukan langkah legalitas yang paling efisien, aman, dan tepat sasaran.</p>\n <ul class=\"service-list\">\n <li><a href=\"https://jelaslegal.com/review-kebutuhan-legalitas-bisnis\">Review Kebutuhan Legalitas Bisnis</a></li>\n <li><a href=\"https://jelaslegal.com/strategi-pemilihan-struktur-usaha\">Strategi Pemilihan Struktur Usaha</a></li>\n <li><a href=\"https://jelaslegal.com/review-dokumen-dan-perjanjian-usaha\">Review Dokumen & Perjanjian Usaha</a></li>\n <li><a href=\"https://jelaslegal.com/konsultasi-potensi-keberhasilan-merek\">Konsultasi Potensi Keberhasilan Merek</a></li>\n <li><a href=\"https://jelaslegal.com/drafting-kontrak-kerjasama-dan-moa\">Drafting Kontrak Kerjasama & MoA</a></li>\n </ul>\n </article>\n </div>\n </div>\n</section>\n\n<section class=\"section\" id=\"keunggulan\" style=\"background-color: #ffffff;\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">Keunggulan Kami</span>\n <h2 class=\"section-title\">Mengapa Memilih Jelas Legal?</h2>\n <p class=\"section-desc\">Kami menghadirkan layanan yang sederhana, ramah, dan transparan tanpa istilah hukum yang rumit.</p>\n </div>\n\n <div class=\"why-grid\">\n <div class=\"why-card\">\n <div class=\"why-icon\">⏱</div>\n <h3>Proses Cepat</h3>\n <p>Pengerjaan cepat dan efisien dengan standar kualitas terbaik.</p>\n </div>\n <div class=\"why-card\">\n <div class=\"why-icon\">🏷</div>\n <h3>Biaya Transparan</h3>\n <p>Harga terjangkau dan jujur tanpa ada biaya tersembunyi.</p>\n </div>\n <div class=\"why-card\">\n <div class=\"why-icon\">🛡</div>\n <h3>100% Aman</h3>\n <p>Kerahasiaan data dan dokumen bisnis Anda terjamin aman.</p>\n </div>\n <div class=\"why-card\">\n <div class=\"why-icon\">💬</div>\n <h3>Pendampingan</h3>\n <p>Tim konsultan siap mendampingi hingga dokumen terbit resmi.</p>\n </div>\n <div class=\"why-card\">\n <div class=\"why-icon\">👔</div>\n <h3>Tim Profesional</h3>\n <p>Ditangani oleh tim berpengalaman dalam hukum bisnis & perizinan.</p>\n </div>\n </div>\n </div>\n</section>\n\n<section class=\"section\" id=\"cara-kerja\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">Alur Kerja Simple</span>\n <h2 class=\"section-title\">4 Langkah Mudah Mengurus Legalitas</h2>\n <p class=\"section-desc\">Proses ringkas dari awal konsultasi hingga dokumen resmi siap digunakan.</p>\n </div>\n\n <div class=\"process-grid\">\n <div class=\"step-card\">\n <div class=\"step-number\">1</div>\n <h3>Konsultasi</h3>\n <p>Sampaikan kebutuhan atau kendala usaha Anda kepada tim admin kami.</p>\n </div>\n <div class=\"step-card\">\n <div class=\"step-number\">2</div>\n <h3>Rekomendasi</h3>\n <p>Kami berikan opsi skema legalitas yang paling tepat & hemat biaya.</p>\n </div>\n <div class=\"step-card\">\n <div class=\"step-number\">3</div>\n <h3>Proses</h3>\n <p>Tim profesional mengurus dokumen dengan laporan progres berkala.</p>\n </div>\n <div class=\"step-card\">\n <div class=\"step-number\">4</div>\n <h3>Selesai</h3>\n <p>Legalitas resmi terbit dan siap digunakan untuk ekspansi bisnis Anda.</p>\n </div>\n </div>\n </div>\n</section>\n\n<section class=\"section\" id=\"tim\" style=\"background-color: #ffffff;\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">Tim Profesional</span>\n <h2 class=\"section-title\">Konsultan Legalitas & Perizinan Anda</h2>\n <p class=\"section-desc\">Ditangani langsung oleh praktisi berpengalaman yang siap memberikan solusi hukum bisnis yang tepat, aman, dan efisien.</p>\n </div>\n\n <div class=\"team-grid\">\n <div class=\"team-card\">\n <div class=\"team-img-wrapper\">\n <img src=\"https://cdn.orderhero.id/users/6a729bb7e1a1078a345dd805/landing-gallery/2026/08/26/e75d5c718dd24c09ff8085a2.webp\" alt=\"Foto Konsultan 1\" class=\"team-img\">\n </div>\n <h3 class=\"team-name\">Andri Wijaya, S.H.</h3>\n <div class=\"team-role\">Head of Legal & Compliance</div>\n <p class=\"team-desc\">Berpengalaman 8+ tahun mengurus legalitas PT, CV, dan struktur pendirian badan usaha skala nasional.</p>\n </div>\n\n <div class=\"team-card\">\n <div class=\"team-img-wrapper\">\n <img src=\"https://cdn.orderhero.id/users/6a729bb7e1a1078a345dd805/landing-gallery/2026/08/26/ef2be1c826d1e47492627afb.webp\" alt=\"Foto Konsultan 2\" class=\"team-img\">\n </div>\n <h3 class=\"team-name\">Rahma Puspita, S.H., M.Kn.</h3>\n <div class=\"team-role\">Spesialis HKI & Merek</div>\n <p class=\"team-desc\">Ahli dalam penelusuran, pendaftaran, dan perlindungan Hak Kekayaan Intelektual (HKI) serta Merek Dagang.</p>\n </div>\n\n <div class=\"team-card\">\n <div class=\"team-img-wrapper\">\n <img src=\"https://cdn.orderhero.id/users/6a729bb7e1a1078a345dd805/landing-gallery/2026/08/26/c370ada0c580034f444afe19.webp\" alt=\"Foto Konsultan 3\" class=\"team-img\">\n </div>\n <h3 class=\"team-name\">Budi Pratama, S.E.</h3>\n <div class=\"team-role\">Senior OSS & Licensing Officer</div>\n <p class=\"team-desc\">Pakar dalam sistem integrasi perizinan OSS RBA, NIB, dan izin operasional komersial berbagai KBLI.</p>\n </div>\n\n <div class=\"team-card\">\n <div class=\"team-img-wrapper\">\n <img src=\"https://cdn.orderhero.id/users/6a729bb7e1a1078a345dd805/landing-gallery/2026/08/26/e4107f0bc354da4f4009a954.webp\" alt=\"Foto Konsultan 4\" class=\"team-img\">\n </div>\n <h3 class=\"team-name\">Dina Safitri, S.H.</h3>\n <div class=\"team-role\">Konsultan Perubahan Akta & Legal</div>\n <p class=\"team-desc\">Mendampingi proses penyesuaian modal, pergantian pengurus, dan legal audit administrasi usaha.</p>\n </div>\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\">Apa Kata Pemilik Usaha Tentang Kami</h2>\n <p class=\"section-desc\">Kepuasan para pelaku usaha adalah bukti komitmen kami dalam memberikan pelayanan terbaik.</p>\n </div>\n\n <div class=\"testimonials-grid\">\n <article class=\"testimonial-card\">\n <div class=\"quote-icon\">“</div>\n <div class=\"stars\">★★★★★</div>\n <p>Proses pendirian PT dan NIB kami selesai sangat cepat. Konsultasinya ramah dan enaknya tidak ada biaya tersembunyi!</p>\n <div class=\"client-info\">\n <div class=\"client-avatar\">D</div>\n <div>\n <strong>Dewi Lestari</strong>\n <span>Founder D'Salad Culinary</span>\n </div>\n </div>\n </article>\n\n <article class=\"testimonial-card\">\n <div class=\"quote-icon\">“</div>\n <div class=\"stars\">★★★★★</div>\n <p>Tim Jelas Legal sangat cekatan. Pendaftaran merek dagang saya dibantu dari pengecekan awal sampai lolos. Rekomended!</p>\n <div class=\"client-info\">\n <div class=\"client-avatar\">R</div>\n <div>\n <strong>Rizky Pratama</strong>\n <span>CEO Kopi Nusantara</span>\n </div>\n </div>\n </article>\n\n <article class=\"testimonial-card\">\n <div class=\"quote-icon\">“</div>\n <div class=\"stars\">★★★★★</div>\n <p>Pelayanan ramah, komunikatif, dan responsif banget di WA. Bagi UMKM seperti saya, arahan timnya sangat membantu.</p>\n <div class=\"client-info\">\n <div class=\"client-avatar\">S</div>\n <div>\n <strong>Siti Aisyah</strong>\n <span>Owner Aisyah Hijab Style</span>\n </div>\n </div>\n </article>\n </div>\n </div>\n</section>\n\n<section class=\"section\" id=\"faq\" style=\"background-color: #ffffff;\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">FAQ</span>\n <h2 class=\"section-title\">Pertanyaan Sering Diajukan</h2>\n <p class=\"section-desc\">Temukan jawaban cepat untuk pertanyaan umum seputar pengurusan legalitas bisnis.</p>\n </div>\n\n <div class=\"faq-grid\">\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Berapa lama proses pengurusan legalitas?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Durasi pengerjaan bervariasi tergantung jenis layanan. Sebagai gambaran, NIB dapat selesai dalam 1 hari kerja, sedangkan pendirian PT/CV membutuhkan waktu sekitar 3-5 hari kerja. Estimasi pasti akan disampaikan saat konsultasi.\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 Persyaratan disesuaikan dengan jenis layanan. Secara umum, Anda cukup menyiapkan KTP, NPWP pendiri, dan informasi dasar usaha. Tim kami akan memberikan instruksi checklist sederhana.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Apakah bisa konsultasi dulu sebelum pesan?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Sangat bisa! Konsultasi awal 100% gratis. Tim kami akan membantu menganalisis kebutuhan izin atau skema usaha yang paling tepat untuk Anda.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Apakah legalitas berlaku selamanya?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Beberapa izin seperti NIB berlaku selama usaha beroperasi. Namun untuk Merek Dagang berlaku selama 10 tahun dan dapat diperpanjang.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Apakah ada biaya rahasia atau tambahan?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Tidak ada. Semua penawaran harga dari Jelas Legal bersifat transparan dan disampaikan secara jujur di awal sebelum pengerjaan dimulai.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Apakah bisa diurus meski usaha baru berencana buka?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Tentu saja bisa. Mengurus legalitas sebelum beroperasi sangat disarankan agar saat usaha launching, brand Anda sudah terlindungi dan memiliki badan hukum resmi.\n </div>\n </div>\n </div>\n </div>\n</section>\n\n<section class=\"section\" id=\"kontak\" style=\"padding-top: 0;\">\n <div class=\"container\">\n <div class=\"cta-banner\">\n <div>\n <span class=\"kicker\">PARTNER LEGALITAS TERPERCAYA</span>\n <h2>Siap Membuat Bisnis Anda Lebih Resmi & Terpercaya?</h2>\n <p>Konsultasikan kebutuhan usaha Anda sekarang. Tim konsultan kami siap memberikan solusi terbaik yang jelas dan efisien.</p>\n </div>\n\n <a class=\"btn btn-wa\" href=\"https://wa.me/6281234567890?text=Halo%20Jelas%20Legal,%20saya%20ingin%20konsultasi%20legalitas%20usaha\" data-lead-wa=\"true\" target=\"_blank\" rel=\"noopener\">\n <svg class=\"wa-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M20.5 3.5A11.8 11.8 0 0 0 12.08 0C5.55 0 .24 5.3.24 11.83c0 2.08.54 4.11 1.57 5.9L.14 24l6.42-1.64a11.8 11.8 0 0 0 5.52 1.36h.01c6.52 0 11.83-5.3 11.83-11.83 0-3.16-1.23-6.13-3.42-8.39ZM12.09 21.7h-.01a9.8 9.8 0 0 1-5-.1l-.36-.14-3.81.97 1.02-3.71-.17-.38a9.82 9.82 0 1 1 8.33 3.36Zm5.38-7.36c-.29-.15-1.71-.84-1.98-.93-.27-.1-.47-.15-.67.15-.2.29-.77.93-.94 1.12-.17.2-.35.22-.64.07-.29-.15-1.21-.45-2.3-1.43-.85-.76-1.43-1.7-1.6-1.99-.17-.29-.02-.45.13-.6.13-.13.29-.34.44-.51.15-.17.2-.29.3-.49.1-.2.05-.37-.02-.52-.07-.15-.67-1.6-.91-2.19-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.29-1.04 1.02-1.04 2.48s1.07 2.87 1.21 3.07c.15.2 2.1 3.2 5.09 4.49.71.31 1.26.49 1.69.63.71.23 1.35.2 1.86.12.57-.08 1.71-.7 1.95-1.38.24-.68.24-1.26.17-1.38-.07-.12-.27-.2-.56-.34Z\"/>\n </svg>\n <span>Konsultasi WhatsApp Sekarang</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>Konsultan legalitas dan perizinan usaha yang membantu UMKM serta perusahaan di Indonesia mengurus legalitas secara mudah, transparan, dan terpercaya.</p>\n </div>\n\n <div>\n <div class=\"footer-title\">Layanan Utama</div>\n <ul class=\"footer-links\">\n <li><a href=\"https://jelaslegal.com/pendaftaran-hki\">Merek & HKI</a></li>\n <li><a href=\"https://jelaslegal.com/pendirian-pt-perorangan\">Pendirian Badan Usaha</a></li>\n <li><a href=\"https://jelaslegal.com/sertifikat-halal\">Sertifikat Halal BPJPH</a></li>\n <li><a href=\"https://jelaslegal.com/pembuatan-nomor-induk-berusaha\">NIB & Perizinan</a></li>\n <li><a href=\"https://jelaslegal.com/pembuatan-npwp-perusahaan\">Administrasi Bisnis</a></li>\n <li><a href=\"https://jelaslegal.com/perubahan-nama-perusahaan\">Perubahan Data</a></li>\n </ul>\n </div>\n\n <div>\n <div class=\"footer-title\">Informasi</div>\n <ul class=\"footer-links\">\n <li><a href=\"#keunggulan\">Keunggulan</a></li>\n <li><a href=\"#cara-kerja\">Cara Kerja</a></li>\n <li><a href=\"#tim\">Tim Kami</a></li>\n <li><a href=\"#testimoni\">Testimoni</a></li>\n <li><a href=\"#faq\">FAQ</a></li>\n </ul>\n </div>\n\n <div>\n <div class=\"footer-title\">Kontak Kami</div>\n <ul class=\"footer-links\">\n <li><a href=\"https://wa.me/6281234567890\" data-lead-wa=\"true\" target=\"_blank\" rel=\"noopener\">WhatsApp CS: 0812-3456-7890</a></li>\n <li><a href=\"mailto:info@jelaslegal.com\">info@jelaslegal.com</a></li>\n <li><span>Jakarta & Seluruh Indonesia</span></li>\n </ul>\n </div>\n </div>\n\n <div class=\"footer-bottom\">\n <span>© 2026 Jelas Legal Indonesia. Hak Cipta Dilindungi Undang-Undang.</span>\n <span>Legalitas Bisnis • Sah • Aman • Terpercaya</span>\n </div>\n </div>\n</footer>\n\n<a class=\"floating-wa-btn\" href=\"https://wa.me/6281234567890?text=Halo%20Jelas%20Legal,%20saya%20ingin%20konsultasi%20legalitas%20usaha\" data-lead-wa=\"true\" target=\"_blank\" rel=\"noopener\" aria-label=\"Chat WhatsApp\">\n <svg class=\"wa-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M20.5 3.5A11.8 11.8 0 0 0 12.08 0C5.55 0 .24 5.3.24 11.83c0 2.08.54 4.11 1.57 5.9L.14 24l6.42-1.64a11.8 11.8 0 0 0 5.52 1.36h.01c6.52 0 11.83-5.3 11.83-11.83 0-3.16-1.23-6.13-3.42-8.39ZM12.09 21.7h-.01a9.8 9.8 0 0 1-5-.1l-.36-.14-3.81.97 1.02-3.71-.17-.38a9.82 9.82 0 1 1 8.33 3.36Zm5.38-7.36c-.29-.15-1.71-.84-1.98-.93-.27-.1-.47-.15-.67.15-.2.29-.77.93-.94 1.12-.17.2-.35.22-.64.07-.29-.15-1.21-.45-2.3-1.43-.85-.76-1.43-1.7-1.6-1.99-.17-.29-.02-.45.13-.6.13-.13.29-.34.44-.51.15-.17.2-.29.3-.49.1-.2.05-.37-.02-.52-.07-.15-.67-1.6-.91-2.19-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.29-1.04 1.02-1.04 2.48s1.07 2.87 1.21 3.07c.15.2 2.1 3.2 5.09 4.49.71.31 1.26.49 1.69.63.71.23 1.35.2 1.86.12.57-.08 1.71-.7 1.95-1.38.24-.68.24-1.26.17-1.38-.07-.12-.27-.2-.56-.34Z\"/>\n </svg>\n <span>Tanya Legalitas via WA</span>\n</a>\n\n<script>\nconst menuBtn = document.getElementById('menuBtn');\nconst navLinks = document.getElementById('navLinks');\n\nmenuBtn.addEventListener('click', () => {\n navLinks.classList.toggle('active');\n});\n\ndocument.querySelectorAll('.nav-links a').forEach(a => {\n a.addEventListener('click', () => navLinks.classList.remove('active'));\n});\n\n// Interactive FAQ Accordion\ndocument.querySelectorAll('.faq-question').forEach(btn => {\n btn.addEventListener('click', () => {\n const item = btn.parentElement;\n const isOpen = item.classList.contains('open');\n\n // Close all accordion items\n document.querySelectorAll('.faq-item').forEach(x => {\n x.classList.remove('open');\n x.querySelector('.faq-toggle-icon').textContent = '+';\n });\n\n // Toggle selected item\n if (!isOpen) {\n item.classList.add('open');\n btn.querySelector('.faq-toggle-icon').textContent = '−';\n }\n });\n});\n\n/*\n * META PIXEL + TIKTOK PIXEL LEAD TRACKING\n */\ndocument.querySelectorAll('[data-lead-wa=\"true\"]').forEach(link => {\n link.addEventListener('click', function () {\n try {\n if (typeof window.fbq === 'function') {\n window.fbq('track', 'Lead', {\n content_name: 'Konsultasi WhatsApp',\n content_category: 'Legalitas Bisnis'\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: 'Konsultasi WhatsApp',\n content_type: 'product',\n description: 'Lead dari tombol WhatsApp Jelas Legal'\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":[]}},"z9Un":{"_id":"z9Un","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":["MZNw","z9Un"]}}},"allIds":["908e"]},"slug":"home","canvas":"0","state":"publish","userUuid":"6a8e5d12505cee8b960eb56f","publishSlug":"home","slugName":"jelaslegal","isOriginal":true,"isABTesting":false,"autoSave":false,"index":true,"settings":{"boost":true,"formulirBoost":false},"permalink":"https://jelaslegal.buat.page/undefined","pageContentId":"6a8e975f194e7fd72618c68a"},"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"}}}