:root{--utama: #1e40af;--utama-gelap: #1e3a8a;--utama-muda: #dbeafe;--beli: #c2410c;--beli-gelap: #9a3412;--sukses: #16a34a;--peringatan: #d97706;--galat: #dc2626;--teks: #111827;--teks-sedang: #374151;--teks-redup: #4b5563;--garis: #e5e7eb;--latar: #ffffff;--latar-abu: #f9fafb;--radius: 12px;--font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--latar);color:var(--teks);font-family:var(--font);font-size:16px;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}main{flex:1}a{color:var(--utama)}a:hover{color:var(--utama-gelap)}:focus-visible{outline:3px solid var(--utama);outline-offset:2px}h1,h2,p{margin:0}.wadah{width:100%;max-width:600px;margin:0 auto;padding:0 16px}.tumpuk{display:flex;flex-direction:column;gap:16px}.tumpuk-rapat{display:flex;flex-direction:column;gap:10px}.bagian{padding:28px 0}.bagian-abu{background:var(--latar-abu)}.header{background:var(--latar);border-bottom:1px solid var(--garis)}.header-isi{display:flex;justify-content:space-between;align-items:center;min-height:56px}.logo{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:16px;color:var(--teks);text-decoration:none;min-height:44px}.logo:hover{color:var(--teks)}.logo-ikon{width:28px;height:28px;border-radius:8px;background:var(--utama);display:inline-flex;align-items:center;justify-content:center}.header-tautan{font-size:14px;font-weight:700;text-decoration:none;padding:12px 4px}.judul-besar{font-size:28px;line-height:1.2;font-weight:800}.judul-sedang{font-size:24px;line-height:1.25;font-weight:800}.judul-bagian{font-size:20px;line-height:1.3;font-weight:800}.teks-lead{font-size:16px;line-height:1.55;color:var(--teks-sedang)}.teks-kecil{font-size:13px;color:var(--teks-redup)}.teks-redup{font-size:14px;color:var(--teks-redup)}.tebal{font-weight:700;font-size:15px}.tengah{text-align:center}.lencana{align-self:flex-start;font-size:12px;font-weight:700;color:var(--utama);background:var(--utama-muda);padding:6px 10px;border-radius:999px}.lencana-beli{color:#fff;background:var(--beli);padding:4px 10px}.tombol{display:flex;justify-content:center;align-items:center;min-height:52px;padding:0 20px;border-radius:var(--radius);font-family:inherit;font-size:17px;font-weight:700;text-decoration:none;text-align:center;cursor:pointer;border:none}.tombol-beli{background:var(--beli);color:#fff}.tombol-beli:hover{background:var(--beli-gelap);color:#fff}.tombol-utama{background:var(--utama);color:#fff}.tombol-utama:hover{background:var(--utama-gelap);color:#fff}.tombol-garis{background:#fff;color:var(--utama);border:1px solid var(--utama);font-size:15px}.kartu{background:#fff;border:1px solid var(--garis);border-radius:var(--radius)}.daftar-langkah{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.kartu-langkah{display:flex;gap:12px;align-items:flex-start;padding:14px}.nomor{flex:none;width:32px;height:32px;border-radius:999px;background:var(--utama-muda);color:var(--utama);font-weight:800;display:flex;align-items:center;justify-content:center}.contoh{padding:14px;border-radius:var(--radius);font-size:15px;line-height:1.5;color:var(--teks-sedang)}.contoh-sebelum{background:#fef2f2;border:1px solid #fecaca}.contoh-sesudah{background:#f0fdf4;border:1px solid #bbf7d0}.contoh-label{font-size:12px;font-weight:700;margin-bottom:6px}.contoh-sebelum .contoh-label{color:#b91c1c}.contoh-sesudah .contoh-label{color:#15803d}.kartu-harga{padding:18px;border-radius:16px;display:flex;flex-direction:column;gap:6px}.kartu-unggulan{border:2px solid var(--beli);gap:10px}.nama-paket{font-weight:800;font-size:18px}.harga{font-size:28px;font-weight:800}.harga-kecil{font-size:22px;font-weight:800;margin-top:4px}.daftar-manfaat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--teks-sedang)}.daftar-manfaat li{display:flex;gap:8px;align-items:flex-start}.centang{flex:none;margin-top:1px}.faq{padding:0}.faq summary{font-weight:700;font-size:15px;cursor:pointer;padding:14px;min-height:48px;list-style-position:inside}.faq p{padding:0 14px 14px;font-size:14px;line-height:1.55;color:var(--teks-sedang)}.kotak-info{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:var(--radius);background:#eff6ff;border:1px solid #bfdbfe;color:var(--utama-gelap);font-size:14px}.kotak-info svg{flex:none}.footer{background:var(--teks);color:#d1d5db;font-size:13px;line-height:1.6;padding:24px 0}.footer-isi{display:flex;flex-direction:column;gap:8px}.footer-nama{font-weight:700;color:#fff}.footer-tautan{display:flex;gap:4px 18px;flex-wrap:wrap}.footer-tautan a{color:#bfdbfe;padding:8px 0}.footer-catatan{color:#9ca3af}@media(min-width:768px){.judul-besar{font-size:36px}.bagian{padding:44px 0}}