/* CV Engine — kartu harga [cv_engine_pricing]. Mewarisi font halaman. */
.cvp { --cvp-brand: #1a56db; --cvp-ink: #0f172a; --cvp-muted: #64748b; --cvp-line: #e2e8f0; display: grid; grid-template-columns: repeat(var(--cvp-cols, 3), minmax(0, 1fr)); gap: 24px; align-items: stretch; max-width: calc(var(--cvp-cols, 3) * 340px + (var(--cvp-cols, 3) - 1) * 24px); margin-inline: auto; color: var(--cvp-ink); }
.cvp *, .cvp *::before, .cvp *::after { box-sizing: border-box; }
.cvp-card { position: relative; display: flex; flex-direction: column; padding: 28px 24px 24px; border: 1px solid var(--cvp-line); border-radius: 16px; background: #fff; }
.cvp-card.is-featured { border-color: var(--cvp-brand); background: var(--cvp-brand); color: #fff; box-shadow: 0 24px 48px -24px rgba(26, 86, 219, .6); transform: translateY(-6px); }
.cvp-badge { position: absolute; top: -12px; left: 24px; padding: 4px 12px; border-radius: 999px; background: #f59e0b; color: #1f2937; font-size: 12px; font-weight: 700; line-height: 1.2; }
.cvp-name { margin: 0; font-size: 17px; font-weight: 700; line-height: 1.3; color: inherit; }
.cvp-price { margin: 10px 0 0; font-size: 34px; font-weight: 800; line-height: 1.1; letter-spacing: -.02em; color: inherit; }
.cvp-price s { display: block; margin-bottom: 2px; font-size: 14px; font-weight: 500; letter-spacing: 0; opacity: .7; }
.cvp-desc { margin: 10px 0 0; font-size: 14px; line-height: 1.55; color: var(--cvp-muted); }
.cvp-card.is-featured .cvp-desc { color: rgba(255, 255, 255, .85); }
.cvp-list { display: grid; align-content: start; gap: 10px; flex: 1; margin: 20px 0 24px; padding: 0; list-style: none; font-size: 14px; line-height: 1.45; }
.cvp-list li { display: flex; align-items: flex-start; gap: 10px; }
.cvp-list svg { flex: none; width: 16px; height: 16px; margin-top: 2px; color: #16a34a; }
.cvp-card.is-featured .cvp-list svg { color: #a7f3d0; }
.cvp-cta { display: flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 18px; border: 1px solid var(--cvp-line); border-radius: 8px; background: #fff; color: var(--cvp-ink); font-size: 15px; font-weight: 700; text-decoration: none; transition: background .15s, border-color .15s; }
.cvp-cta:hover { border-color: var(--cvp-brand); color: var(--cvp-brand); }
.cvp-card.is-featured .cvp-cta { border-color: #fff; color: var(--cvp-brand); }
.cvp-card.is-featured .cvp-cta:hover { background: #eff6ff; }
@media (max-width: 1023px) { .cvp { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 720px; } .cvp-card.is-featured { transform: none; } }
@media (max-width: 599px) { .cvp { grid-template-columns: minmax(0, 1fr); max-width: 440px; } }