/* Tema VOLKA — acuan resmi: label Kemal (render-kemal, 2026-10-06): navy #012344 + cyan, putih. */
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("/assets/merek/volka/plus-jakarta-sans.woff2") format("woff2");
  font-weight: 200 800; font-style: normal; font-display: swap;
}
:root {
  --biru-tua: #012344;    /* navy label: header, teks berwarna, nomor langkah */
  --biru: #013967;        /* navy terang (gradasi label) */
  --navy: #001a33;
  --aksen: #c5f8fb;       /* cyan muda (sorotan di latar navy) */
  --cyan: #19C3DC;        /* cyan label: tombol, garis, ikon */
  --cyan-tua: #007a96;    /* cyan gelap untuk teks kecil di latar putih (kontras ≥ 4,5:1) */
  --ink: #0d1f33;
  --muted: #4a5a6b;
  --bg-alt: #f1f7fa;
  --line: #d3e3ec;
  --font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
a { color: var(--cyan-tua); }
.kicker { color: var(--cyan-tua); }
.hl, .hero .hl { color: var(--aksen); text-decoration-color: var(--cyan); }
.lp-hero { background: linear-gradient(160deg, #001a33 0%, #012344 55%, #013967 100%); }
.lp-price-label, .eyebrow, .page-head .kicker { color: var(--cyan); }
.page-head { background: linear-gradient(120deg, #012344, #013967); }
.cta-band { background: linear-gradient(120deg, #001a33, #012344); }
.cta-band h2 { color: var(--aksen); }
.site-header { background: #012344; }
.site-footer { background: #001a33; }
.brand-logo { width: 116px; height: auto; }
.footer-logo { width: 128px; height: auto; }
/* Tombol beli: cyan label + teks navy */
.btn-shopee, .btn-jeda { background: var(--cyan); color: #012344; }
.lp-cta { box-shadow: 0 10px 24px rgba(25,195,220,.35); }
.step-no { background: #012344; color: var(--cyan); }
.ticks li::before { background: var(--cyan); color: #012344; }
.paket-hemat { background: var(--aksen); color: #012344; }
.fit-yes { background: #eaf8fb; border-color: #b6e6ef; }
.info-card .more, .link-more { color: var(--cyan-tua); }
.ico-lg { color: #012344; }
.keterangan-produk { margin: -4px 0 6px; font-weight: 700; color: var(--cyan-tua); letter-spacing: .02em; }
.catatan-ilustrasi { text-align: center; font-size: .72rem; color: #9fb0c0; margin-top: 6px; }