/* Template Jasa NIB & Perizinan Usaha: sertifikat ber-QR — putih berbingkai hijau daun #1F8A4C, kuning #F5C518, biru muda #E6F1FB,
   lencana risiko berwarna (rendah hijau, menengah kuning/oranye, tinggi merah), kotak QR, sudut potong. */
:root{--latar:#F3F7F4;--latar-2:#E6F0EA;--permukaan:#FFFFFF;--teks:#13261B;--teks-2:#4B5E52;--teks-3:#899A8F;--garis:#D3E2D8;
  --utama:#1F8A4C;--utama-tua:#166B3A;--utama-muda:#DDF1E5;--pada-utama:#fff;--aksen:#F5C518;--aksen-tua:#C99B00;--pada-aksen:#13261B;
  --gelap:#13261B;--pada-gelap:#A2B5A9;--radius:12px;--radius-kecil:8px;--bayang:0 20px 36px -24px rgba(19,38,27,.45)}
body{background:var(--latar);color:var(--teks)}
h1,h2,h3{font-weight:800;letter-spacing:-.03em;color:var(--teks)}
.serif{font-family:"Lora",Georgia,serif;font-style:italic;color:var(--utama)}
.kepala .btn-wa,.btn-wa,.btn-utama{background:var(--utama);color:#fff}
.bag-alt{background:var(--latar-2)}
.kaki{background:var(--gelap)}
[hidden]{display:none!important}
.nib-alis{margin:0 0 14px;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--utama)}
.nib-lead{font-size:17.5px;color:var(--teks-2)}
.nib-btn{background:var(--utama);color:#fff;font-weight:800;border-radius:10px}
.nib-btn:hover{background:var(--aksen);color:var(--teks)}
.nib-link{font-weight:800;color:var(--teks);border-bottom:3px solid var(--aksen)}
.nib-blok{width:100%;justify-content:center}
.nib-g-judul{margin:14px 0 8px;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--teks-3)}

.nib-hero{padding-top:40px;padding-bottom:64px;background:linear-gradient(135deg,var(--utama-muda),var(--latar) 55%)}
.nib-hero-isi{display:grid;gap:44px;align-items:center}
@media(min-width:960px){.nib-hero-isi{grid-template-columns:1fr 1fr}}
.nib-teks,.nib-visual{min-width:0}
.nib-hero h1{font-size:clamp(36px,5vw,62px);line-height:1.05;margin:0 0 20px}
.nib-tombol{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px}
.nib-visual{position:relative;padding-bottom:90px}
.nib-foto{margin:0 0 0 auto;width:82%;border-radius:20px;overflow:hidden;box-shadow:var(--bayang)}
.nib-foto img{display:block;width:100%;aspect-ratio:4/3.3;object-fit:cover}
.nib-kartu-izin{background:var(--permukaan);border:3px solid var(--utama);border-radius:14px;box-shadow:var(--bayang);overflow:hidden}
.nib-visual .nib-kartu-izin{position:absolute;left:0;bottom:0;width:min(80%,380px)}
.nib-ki-k{margin:0;padding:8px 14px;background:var(--utama);color:#fff;font-size:11px;font-weight:800;letter-spacing:.12em}
.nib-ki-isi{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px}
.nib-ki-isi>div{display:grid;gap:4px;min-width:0}
.nib-ki-isi b{font-family:ui-monospace,Menlo,monospace;font-size:18px;letter-spacing:.04em}
.nib-ki-isi small{font-size:13px;font-weight:700;color:var(--teks-2)}
.nib-ki-isi em{font-style:normal;font-size:12px;color:var(--teks-3)}
.nib-qr{display:grid;grid-template-columns:repeat(11,1fr);width:88px;height:88px;padding:4px;background:#fff;border:1px solid var(--garis)}
.nib-qr i{display:block}
.nib-qr i.on{background:var(--teks)}
.nib-risk{justify-self:start;margin-top:4px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:800}
.nib-risk.r{background:#DDF1E5;color:#166B3A}.nib-risk.mr{background:#FFF3C4;color:#8A6A00}.nib-risk.mt{background:#FFE0C2;color:#A84F00}.nib-risk.t{background:#FDDCD8;color:#B3261E}

.nib-kepala{margin-bottom:30px}
.nib-kepala h2,.nib-izin h2,.nib-t-teks h2{font-size:clamp(30px,4.2vw,48px);margin:0 0 14px}
.nib-kisi{display:grid;gap:24px}
@media(min-width:640px){.nib-kisi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.nib-kisi{grid-template-columns:repeat(3,minmax(0,1fr))}}
.nib-kartu{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--permukaan);border:2px solid var(--utama);clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);box-shadow:var(--bayang)}
.nib-sudut{position:absolute;right:0;top:0;width:26px;height:26px;background:linear-gradient(225deg,transparent 50%,var(--utama) 50%)}
.nib-k-foto{position:relative;display:block;padding:10px 10px 0}
.nib-k-foto img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:6px}
.nib-lama{position:absolute;left:18px;bottom:-10px;padding:3px 12px;background:var(--aksen);border-radius:4px;font-size:12px;font-weight:800;color:var(--teks)}
.nib-k-isi{display:flex;flex-direction:column;flex:1;padding:20px 16px 16px}
.nib-k-isi h3{margin:0 0 2px;font-size:20px}
.nib-k-isi h3 a{color:inherit}
.nib-k-sub{margin:0 0 8px!important;font-size:13.5px;font-weight:700;color:var(--utama)!important}
.nib-k-isi>p{margin:0 0 12px;color:var(--teks-2);font-size:15px}
.nib-harga{margin-top:auto!important;font-size:13.5px;color:var(--teks-3)!important}
.nib-harga b{font-size:18px;color:var(--teks)}

.nib-izin{margin-top:60px;background:var(--permukaan);border-radius:20px;border:3px solid var(--utama);box-shadow:var(--bayang);overflow:hidden}
.nib-i-atas{padding:26px clamp(18px,3vw,34px) 12px;background:repeating-linear-gradient(90deg,transparent 0 24px,rgba(31,138,76,.05) 24px 25px),var(--utama-muda)}
.nib-i-isi{display:grid;gap:28px;padding:20px clamp(18px,3vw,34px) 30px}
@media(min-width:1040px){.nib-i-isi{grid-template-columns:.85fr 1.15fr .9fr}}
.nib-form,.nib-hasil,.nib-ring{min-width:0}
.nib-form label{display:grid;gap:6px;margin-bottom:12px;font-size:13px;font-weight:700}
.nib-form select,.nib-form input[type=text]:not([data-md]){width:100%;min-width:0;padding:10px;border:1px solid var(--garis);border-radius:10px;background:#fff;font:inherit;font-weight:700;color:var(--teks)}
.nib-rp{display:flex;align-items:center;border:1px solid var(--garis);border-radius:10px;background:#fff;padding-left:10px}
.nib-rp b{color:var(--teks-3)}
.nib-rp input{width:100%;min-width:0;padding:10px;border:0;background:transparent;font:inherit;font-weight:700;color:var(--teks)}
.nib-form .nib-cek{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--latar);border-radius:10px;font-weight:600;cursor:pointer}
.nib-cek input{width:18px;height:18px;accent-color:#1F8A4C}
.nib-daftar{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.nib-daftar li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border-left:5px solid var(--utama);background:var(--latar)}
.nib-daftar li.standar{border-left-color:var(--aksen-tua)}.nib-daftar li.izin{border-left-color:#B3261E}.nib-daftar li.prasyarat,.nib-daftar li.tambahan{border-left-color:#7DA6D9}
.nib-daftar b{font-size:14px}
.nib-daftar small{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--teks-3)}
.nib-rinci{margin:0 0 16px;display:grid}
.nib-rinci div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed var(--garis);font-size:14px}
.nib-rinci dt{color:var(--teks-2)}.nib-rinci dd{margin:0;font-weight:800;text-align:right}
.nib-rinci .nib-tot{border-bottom:0;font-size:15.5px}
.nib-rinci .nib-tot dd{color:var(--utama)}
.nib-catat{margin:12px 0 0;font-size:12.5px;color:var(--teks-3)}

.nib-t{display:grid;gap:44px;align-items:center}
@media(min-width:900px){.nib-t{grid-template-columns:1.1fr .9fr}}
.nib-t-teks{min-width:0}
.nib-t-foto{margin:0;border-radius:20px;overflow:hidden;border:3px solid var(--utama);box-shadow:var(--bayang)}
.nib-t-foto img{display:block;width:100%;aspect-ratio:4/4.4;object-fit:cover}
.nib-langkah{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.nib-langkah li{position:relative;display:grid;gap:4px;padding:16px 16px 16px 64px;background:var(--permukaan);border-radius:12px;box-shadow:var(--bayang)}
.nib-langkah span{position:absolute;left:14px;top:16px;display:grid;place-items:center;width:38px;height:38px;border:4px solid var(--teks);font-weight:900;font-size:15px;box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 9px var(--utama);color:#fff;background:var(--utama)}
.nib-langkah b{font-size:16px}
.nib-langkah small{font-size:13px;color:var(--teks-2)}
@media(max-width:560px){.nib-visual{padding-bottom:110px}.nib-foto{width:92%}.nib-visual .nib-kartu-izin{width:92%}.nib-langkah{grid-template-columns:1fr}.nib-qr{width:72px;height:72px}.nib-ki-isi b{font-size:15px}}