.lp-hero p { font-size: 22px; }
.lp-aksi { display: flex; align-items: center; gap: 24px; margin-top: 32px; }
.lp-cta { flex: none; display: inline-flex; align-items: center; height: 48px; padding: 0 22px; border-radius: 8px;
    font-size: 16px; background: var(--title-fg); color: var(--card-bg); }
.lp-cta:hover { opacity: .85; }
.lp-tautan { font-size: 16px; font-weight: 500; color: var(--text-secondary); }
.lp-tautan:hover { color: var(--title-fg); }

.lp-bagian { padding: 72px 0; }
.lp-pita { --lp-pita: color-mix(in srgb, var(--lp-w) var(--lp-campur), var(--page-bg)); background: var(--lp-pita);
    box-shadow: 0 0 0 100vmax var(--lp-pita); clip-path: inset(0 -100vmax); }
.lp-pita > .lp-panel, .lp-pita .lp-kartu { background: var(--card-bg); }
.lp-bagian h2 { max-width: 24em; text-wrap: balance; font-size: clamp(28px, 3.2vw, 40px); font-weight: 750; line-height: 1.12;
    letter-spacing: -.025em; color: var(--title-fg); }
.lp-hero p, .lp-sub, .lp-fitur-teks p, .lp-kartu p, .lp-butir p, .lp-ajak-teks p { text-wrap: pretty; }
.lp-sub { margin-top: 10px; max-width: 34em; font-size: 20px; line-height: 1.45; color: var(--text-secondary); }
.lp-modul { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 24px 12px; margin: 8px 0 48px; }
.lp-modul a { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 8px 4px; border-radius: 14px;
    font-size: 14px; font-weight: 600; line-height: 1.3; text-align: center; color: var(--title-fg); }
.lp-modul a:hover { background: var(--card-sunken); }
.lp-modul .lp-ubin-ik { width: 56px; height: 56px; border-radius: 16px; transition: transform .15s; }
.lp-modul .lp-ubin-ik .pd-ik { width: 28px; height: 28px; }
.lp-modul a:hover .lp-ubin-ik { transform: translateY(-2px); }
.lp-segera-pil { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 999px; font-size: 11px; font-style: normal;
    font-weight: 600; line-height: 18px; vertical-align: 2px; background: var(--card-sunken); color: var(--text-secondary); border: 1px solid var(--card-border); }
.lp-modul .lp-segera-pil { margin: -4px 0 0; }
.lp-segera { display: flex; gap: 16px; align-items: flex-start; margin-top: 20px; text-align: left; }
.lp-segera h3 { margin-top: 6px; }
section[id] { scroll-margin-top: 0; }
.lp-kartu[id] { scroll-margin-top: calc(var(--pd-top-h, 64px) + 16px); }
.lp-hero-gambar { margin: 8px 0 56px; }
.lp-bukti { margin: 0 0 64px; text-align: center; }
.lp-bukti.lp-bukti-pengalaman { margin: 0; }
.lp-pita + .lp-bukti.lp-bukti-pengalaman { margin-top: 64px; }
.lp-bukti.lp-bukti-pengalaman:has(+ .lp-pita) { margin-bottom: 64px; }
.lp-bukti-judul { font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--text-secondary); }
.lp-bukti-isi { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px 28px; margin-top: 20px; }
.lp-bukti-isi > div { display: grid; grid-row: span 2; grid-template-rows: subgrid; align-items: end; }
.lp-bukti-isi > div span { align-self: start; }
.lp-bukti-isi strong { display: block; font-size: clamp(22px, 2.2vw, 28px); font-weight: 750; letter-spacing: -.02em; line-height: 1.2; color: var(--title-fg); text-wrap: balance; }
.lp-bukti-isi span { display: block; max-width: 20em; margin: 0 auto; font-size: 15px; line-height: 1.5; color: var(--text-secondary); text-wrap: pretty; }
.lp-hero-gambar img, .lp-fitur-gambar img, .lp-dua img { display: block; width: 100%; height: auto; }
.lp-zoom { cursor: zoom-in; border-radius: 14px; }
.lp-zoom:focus-visible { outline: 2px solid var(--ring); outline-offset: 4px; }
.pd-rak-beranda .pk-kanan .pd-tema { width: 40px; height: 40px; margin-left: -14px; }
.lp-gulir { position: fixed; right: 24px; bottom: calc(env(safe-area-inset-bottom, 0px) + 24px); z-index: 50;
    display: flex; flex-direction: column; padding: 4px; gap: 2px; border-radius: 999px;
    border: 1px solid var(--card-border); background: var(--card-bg); box-shadow: 0 6px 20px rgba(0, 0, 0, .12); }
.lp-gulir-btn { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0;
    border: 0; border-radius: 999px; background: none; color: var(--text-primary); cursor: pointer; }
.lp-gulir-btn:hover:not(:disabled) { background: var(--accent-bg); }
.lp-gulir-btn:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
.lp-gulir-btn:disabled { opacity: .3; cursor: default; }
.lp-gulir-btn svg { width: 20px; height: 20px; }
body.pd-lb-on .lp-gulir { display: none; }
.lp-zoom.lp-gl { display: none; }
:root[data-theme="dark"] .lp-zoom.lp-tr { display: none; }
:root[data-theme="dark"] .lp-zoom.lp-gl { display: block; }
.lp-fitur { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 56px; align-items: center; }
.lp-balik { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.lp-balik .lp-fitur-teks { order: 2; }
.lp-butiran { order: 3; }
.lp-fitur-teks > p:not(.lp-sub) { margin-top: 16px; max-width: 30em; font-size: 17px; line-height: 1.6; color: var(--text-body); }
.lp-tengah { text-align: center; }
.lp-tengah h2, .lp-tengah .lp-sub { margin-left: auto; margin-right: auto; }
.lp-dua { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 40px; text-align: left; }
.lp-tiga { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 40px; text-align: left; }
.lp-dua .lp-panel, .lp-tiga .lp-panel { margin: -12px -12px 4px; padding: 16px; border-radius: 14px; aspect-ratio: 1200 / 780;
    display: flex; align-items: center; justify-content: center; }
.lp-dua .lp-panel img, .lp-tiga .lp-panel img { width: 100%; height: 100%; object-fit: contain; }
.lp-tiga .lp-kartu { padding: 24px; }
.lp-butiran { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.lp-butiran-lepas { margin-top: 40px; text-align: left; }
.lp-teks { margin: 16px auto 0; max-width: 40em; font-size: 17px; line-height: 1.6; color: var(--text-body); text-wrap: pretty; }
.lp-kecil { padding: 24px; }
.lp-kecil .lp-ubin-ik { width: 36px; height: 36px; border-radius: 10px; }
.lp-kecil .lp-ubin-ik .pd-ik { width: 20px; height: 20px; }
.lp-kecil h3 { margin-top: 14px; font-size: 17px; }
.lp-kecil p { font-size: 15px; }
.lp-kisi { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 40px; }
.lp-kartu { padding: 28px; border-radius: 10px; background: var(--card-sunken); }
.lp-kartu h3, .lp-butir h3 { margin-top: 18px; font-size: 19px; font-weight: 650; color: var(--title-fg); }
.lp-kartu p, .lp-butir p { margin-top: 6px; font-size: 16px; line-height: 1.55; color: var(--text-body); }
.lp-butir { padding: 4px 0; }

.lp-w-red    { --lp-w: #FF383C; --lp-w-ik: #fff; }
.lp-w-orange { --lp-w: #FF8D28; --lp-w-ik: #C55300; }
.lp-w-yellow { --lp-w: #FFCC00; --lp-w-ik: #A16A00; }
.lp-w-green  { --lp-w: #34C759; --lp-w-ik: #008932; }
.lp-w-teal   { --lp-w: #00C3D0; --lp-w-ik: #008198; }
.lp-w-blue   { --lp-w: #0088FF; --lp-w-ik: #fff; }
.lp-w-indigo { --lp-w: #6155F5; --lp-w-ik: #fff; }
.lp-w-purple { --lp-w: #CB30E0; --lp-w-ik: #fff; }
.lp-w-pink   { --lp-w: #FF2D55; --lp-w-ik: #fff; }
:root { --lp-campur: 16%; }
:root[data-theme="dark"] { --lp-campur: 20%; }
.lp-panel { padding: 24px; border-radius: 20px; background: color-mix(in srgb, var(--lp-w, #6155F5) var(--lp-campur), var(--page-bg)); }
.lp-hero-gambar.lp-panel { padding: 32px; background: linear-gradient(135deg,
    color-mix(in srgb, #0088FF var(--lp-campur), var(--page-bg)),
    color-mix(in srgb, #6155F5 var(--lp-campur), var(--page-bg)) 50%,
    color-mix(in srgb, #CB30E0 var(--lp-campur), var(--page-bg))); }
.lp-ubin-ik { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px;
    background: var(--lp-w); color: var(--lp-w-ik); }
.lp-ubin-ik .pd-ik { width: 24px; height: 24px; }
.lp-fitur-teks .lp-ubin-ik { margin-bottom: 20px; }
.lp-dua .lp-ubin-ik, .lp-tiga .lp-ubin-ik { margin-top: 16px; }
.lp-ik-user-plus { --ik: url(/skins/lucide/user-plus.svg); }
.lp-ik-receipt { --ik: url(/skins/lucide/receipt.svg); }
.lp-ik-calendar { --ik: url(/skins/lucide/calendar.svg); }
.lp-ik-clipboard-list { --ik: url(/skins/lucide/clipboard-list.svg); }
.lp-ik-satellite-dish { --ik: url(/skins/lucide/satellite-dish.svg); }
.lp-ik-landmark { --ik: url(/skins/lucide/landmark.svg); }
.lp-ik-chart-column { --ik: url(/skins/lucide/chart-column.svg); }
.lp-ik-shield-check { --ik: url(/skins/lucide/shield-check.svg); }
.lp-ik-rotate-ccw { --ik: url(/skins/lucide/rotate-ccw.svg); }
.lp-ik-database { --ik: url(/skins/lucide/database.svg); }
.lp-ik-search { --ik: url(/skins/lucide/search.svg); }
.lp-ik-share-2 { --ik: url(/skins/lucide/share-2.svg); }
.lp-ik-trending-up { --ik: url(/skins/lucide/trending-up.svg); }
.lp-ik-credit-card { --ik: url(/skins/lucide/credit-card.svg); }
.lp-ik-circle-check { --ik: url(/skins/lucide/circle-check.svg); }
.lp-ik-message-square { --ik: url(/skins/lucide/message-square.svg); }
.lp-ik-users { --ik: url(/skins/lucide/users.svg); }
.lp-ik-package { --ik: url(/skins/lucide/package.svg); }
.lp-ik-layout-dashboard { --ik: url(/skins/lucide/layout-dashboard.svg); }
.lp-ik-settings { --ik: url(/skins/lucide/settings.svg); }
.lp-ik-graduation-cap { --ik: url(/skins/lucide/graduation-cap.svg); }
.lp-ik-folder-open { --ik: url(/skins/lucide/folder-open.svg); }
.lp-ik-folder { --ik: url(/skins/lucide/folder.svg); }
.lp-ik-book-open { --ik: url(/skins/lucide/book-open.svg); }
.lp-ik-key-round { --ik: url(/skins/lucide/key-round.svg); }
.lp-ik-upload { --ik: url(/skins/lucide/upload.svg); }
.lp-ik-sparkles { --ik: url(/skins/lucide/sparkles.svg); }
.lp-ik-house { --ik: url(/skins/lucide/house.svg); }
.lp-ik-briefcase-business { --ik: url(/skins/lucide/briefcase-business.svg); }
.lp-ik-lightbulb { --ik: url(/skins/lucide/lightbulb.svg); }
.lp-ik-save { --ik: url(/skins/lucide/save.svg); }
.lp-ik-copy { --ik: url(/skins/lucide/copy.svg); }
.lp-ik-scale { --ik: url(/skins/lucide/scale.svg); }
.lp-ik-file-plus { --ik: url(/skins/lucide/file-plus.svg); }
.lp-ik-network { --ik: url(/skins/lucide/network.svg); }
.lp-ik-pencil { --ik: url(/skins/lucide/pencil.svg); }

.lp-centang { list-style: none; margin-top: 24px; --lp-centang: #008932; }
:root[data-theme="dark"] .lp-centang { --lp-centang: #30D158; }
.lp-centang li { position: relative; padding-left: 30px; margin-top: 10px; font-size: 16px; color: var(--text-body); }
.lp-centang li::before { content: ""; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; background-color: var(--lp-centang);
    -webkit-mask: url(/skins/lucide/check.svg) center / contain no-repeat; mask: url(/skins/lucide/check.svg) center / contain no-repeat; }

.lp-ajak { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 24px; margin: 72px 0; height: 480px;
    border-radius: 24px; overflow: hidden; background: color-mix(in srgb, #6155F5 var(--lp-campur), var(--page-bg)); }
.lp-ajak-teks { align-self: center; padding: 56px; }
.lp-ajak h2 { font-size: clamp(28px, 3.2vw, 40px); font-weight: 750; line-height: 1.12; letter-spacing: -.025em; color: var(--title-fg); }
.lp-ajak-teks > p { margin-top: 12px; max-width: 26em; font-size: 19px; line-height: 1.5; color: var(--text-body); }
.lp-ajak .lp-cta { margin-top: 32px; }
.lp-ajak-ubin { --lp-gap: 20px; display: flex; gap: var(--lp-gap); padding-right: 32px; overflow: hidden;
    -webkit-mask: linear-gradient(transparent, #000 18%, #000 82%, transparent); mask: linear-gradient(transparent, #000 18%, #000 82%, transparent); }
.lp-ajak-ubin .lp-kolom { animation-duration: 90s; }
.lp-ajak-ubin .lp-kolom:nth-child(even) { animation-duration: 120s; }

.lp-kolom { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--lp-gap); will-change: transform;
    animation: lp-geser 260s linear infinite; animation-delay: var(--lp-mulai, 0s); }
.lp-kolom:nth-child(even) { animation-direction: reverse; }
.lp-kolom .onb-ubin { flex: none; display: block; width: 100%; height: auto; border-radius: 18px; }
@keyframes lp-geser { from { transform: translateY(0); } to { transform: translateY(calc(-50% - var(--lp-gap) / 2)); } }

body.lp-halaman-demo { --lp-latar: 242, 242, 247; --lp-redup: .55; --lp-bayang: rgba(0, 0, 0, .14);
    background: rgb(var(--lp-latar)); min-height: 100vh; min-height: 100svh; }
:root[data-theme="dark"] body.lp-halaman-demo { --lp-latar: 21, 23, 26; --lp-redup: .42; --lp-bayang: rgba(0, 0, 0, .45); }
.lp-latar { --lp-gap: min(4vw, 64px); position: fixed; inset: 0; z-index: 0; display: flex; align-items: flex-start;
    gap: var(--lp-gap); padding-inline: var(--lp-gap); overflow: hidden; pointer-events: none; opacity: var(--lp-redup); }
.lp-latar::after { content: ''; position: absolute; inset: 0;
    background: linear-gradient(to bottom, rgba(var(--lp-latar), .25), rgba(var(--lp-latar), .45) 55%, rgb(var(--lp-latar)) 96%); }
.lp-latar .lp-kolom:nth-child(3n+2) { animation-duration: 190s; }
.lp-latar .lp-kolom:nth-child(3n) { animation-duration: 320s; }
.lp-latar .lp-kolom:nth-child(4n) { animation-duration: 220s; }
.lp-fakta { flex: none; border-radius: 18px; padding: 26px 28px; background: var(--card-bg); color: var(--text-secondary);
    font-size: 15px; line-height: 1.5; }
.lp-fakta small { display: block; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase;
    color: var(--text-muted); margin-bottom: 10px; }
.lp-fakta strong { display: block; font-size: 24px; font-weight: 700; letter-spacing: -.01em; line-height: 1.25;
    color: var(--title-fg); margin-bottom: 6px; }
.lp-fakta span { display: block; font-size: 14px; }
.lp-fakta.lp-k4, .lp-fakta.lp-k5 { display: none; }
@media (min-width: 1441px) { .lp-fakta.lp-k3 { display: none; } .lp-fakta.lp-k4 { display: block; } }
@media (min-width: 2000px) { .lp-fakta.lp-k4 { display: none; } .lp-fakta.lp-k5 { display: block; } }
@media (max-width: 1199px) { .lp-fakta, .lp-fakta.lp-k3 { display: none; } }
@media (max-width: 1999px) { .lp-latar .lp-kolom:nth-child(5) { display: none; } }
@media (max-width: 1440px) { .lp-latar .lp-kolom:nth-child(4) { display: none; } }
@media (max-width: 990px)  { .lp-latar .lp-kolom:nth-child(3) { display: none; } }

.lp-demo-wrap { position: relative; z-index: 1; max-width: 560px; margin: 0 auto; padding: 9vh 16px 32px; }
.lp-demo-kartu { padding: 32px; border-radius: 12px; background: var(--card-bg); box-shadow: 0 24px 64px var(--lp-bayang); }
.lp-demo-merek { display: flex; align-items: center; gap: 10px; margin-bottom: 28px; font-size: 17px; font-weight: 700; color: var(--title-fg); }
.lp-demo-merek img { height: 28px; width: auto; }
.lp-demo-kartu h1 { font-size: 26px; font-weight: 700; letter-spacing: -.01em; line-height: 1.2; color: var(--title-fg); }
.lp-demo-sub { margin-top: 6px; font-size: 15px; line-height: 1.5; color: var(--text-secondary); }
.lp-demo-kartu .lp-centang { display: flex; flex-wrap: wrap; gap: 6px 20px; margin: 16px 0 28px; }
.lp-demo-kartu .lp-centang li { margin-top: 0; padding-left: 24px; font-size: 14px; }
.lp-demo-kartu .lp-centang li::before { top: 2px; width: 16px; height: 16px; }
.lp-demo-kaki { display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: 20px; font-size: 14px; color: var(--text-secondary); }
.lp-tema { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 0; border-radius: 50%;
    background: rgba(127, 127, 127, .14); color: inherit; cursor: pointer; }
.lp-tema:hover { color: var(--title-fg); }
.lp-tema svg { width: 16px; height: 16px; }
.lp-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.lp-form { display: flex; flex-direction: column; gap: 16px; }
.lp-form[hidden], .lp-terima[hidden] { display: none; }
.lp-baris { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.lp-isian { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.lp-isian > span { font-size: 14px; font-weight: 600; color: var(--title-fg); }
.lp-isian > span i { font-style: normal; font-weight: 400; color: var(--text-muted); }
.lp-isian input, .lp-isian select, .lp-isian textarea { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--input-border);
    border-radius: 8px; background: var(--input-bg); color: var(--title-fg); font: inherit; font-size: 16px; }
.lp-isian textarea { resize: vertical; }
.lp-isian input:focus, .lp-isian select:focus, .lp-isian textarea:focus { outline: 2px solid var(--ring); outline-offset: 1px; }
.lp-isian.lp-salah input, .lp-isian.lp-salah select, .lp-isian.lp-salah textarea { border-color: var(--warn); }
.lp-form em { font-style: normal; font-size: 13px; color: var(--warn); }
.lp-form em:empty { display: none; }
.lp-setuju { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; line-height: 1.5; color: var(--text-body); }
.lp-setuju input { flex: none; width: 18px; height: 18px; margin-top: 2px; }
.lp-setuju a { text-decoration: underline; }
.lp-madu { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.lp-kirim { height: 48px; border: 0; border-radius: 8px; background: var(--title-fg); color: var(--card-bg); font: inherit;
    font-size: 16px; font-weight: 600; cursor: pointer; }
.lp-kirim:hover { opacity: .85; }
.lp-kirim:disabled { opacity: .5; cursor: default; }
.lp-galat { font-size: 14px; color: var(--warn); }
.lp-galat:empty { display: none; }
.lp-terima h2 { font-size: 24px; font-weight: 700; color: var(--title-fg); }
.lp-terima p { margin-top: 10px; font-size: 17px; line-height: 1.55; color: var(--text-body); }
.lp-terima:focus { outline: none; }

.lp-privasi { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--card-border); }
.lp-privasi h2 { font-size: 14px; font-weight: 650; color: var(--title-fg); }
.lp-privasi a { text-decoration: underline; }
.lp-privasi p { margin-top: 6px; font-size: 13px; line-height: 1.55; color: var(--text-secondary); }

.lp-dokumen { max-width: 720px; padding: 48px 0 72px; color: var(--text-body); }
.lp-dokumen h1 { font-size: clamp(32px, 4vw, 44px); font-weight: 750; letter-spacing: -.025em; line-height: 1.1; color: var(--title-fg); }
.lp-dokumen-tgl { margin-top: 10px; font-size: 14px; color: var(--text-secondary); }
.lp-dokumen h2 { margin-top: 36px; font-size: 21px; font-weight: 700; color: var(--title-fg); }
.lp-dokumen p, .lp-dokumen li { font-size: 17px; line-height: 1.65; text-wrap: pretty; }
.lp-dokumen p { margin-top: 12px; }
.lp-dokumen ul { margin: 8px 0 0 22px; }
.lp-dokumen li { margin-top: 4px; }
.lp-dokumen a { text-decoration: underline; }
.lp-dokumen-kembali { margin-top: 40px !important; }
.lp-kaki { max-width: var(--pd-max); margin: 0 auto; padding: 16px 48px 40px; font-size: 14px; color: var(--text-secondary); }
.gx-wrap.lp-utama { padding-bottom: 0; }
.lp-kaki a:hover { color: var(--title-fg); }
.lp-kaki-atas { display: flex; align-items: center; gap: 32px; }
.lp-kaki-atas nav { display: flex; gap: 24px; font-weight: 500; color: var(--text-primary); }
.lp-kaki-logo { display: inline-flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 700; color: var(--title-fg); }
.lp-kaki-demo { margin-left: auto; font-weight: 600; color: var(--title-fg); }
.lp-kaki-kolom { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 32px; margin-top: 48px; }
.lp-kaki-kolom nav { display: flex; flex-direction: column; gap: 10px; }
.lp-kaki h2 { margin: 0 0 4px; font-size: 14px; font-weight: 600; color: var(--title-fg); }
.lp-kaki-bawah { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap;
    margin-top: 56px; font-size: 13px; }
.lp-kaki-bawah nav { display: flex; gap: 20px; flex-wrap: wrap; }

@media (max-width: 1180px) {
    .lp-bukti-isi { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 8px; }
    .lp-bukti-isi > div + div + div { margin-top: 20px; }
    .lp-modul { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .lp-fitur { gap: 32px; }
    .lp-ajak { grid-template-columns: minmax(0, 1fr) minmax(0, 260px); }
    .lp-ajak-teks { padding: 48px 40px; }
}
@media (max-width: 860px) {
    .lp-kisi, .lp-dua, .lp-tiga, .lp-butiran, .lp-bukti-isi { grid-template-columns: minmax(0, 1fr); }
    .lp-fitur { grid-template-columns: minmax(0, 1fr); }
    .lp-balik .lp-fitur-teks { order: 0; }
    .lp-sub { font-size: 17px; }
    .lp-modul { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px 4px; }
    .lp-modul .lp-ubin-ik { width: 48px; height: 48px; border-radius: 14px; }
    .lp-modul a { font-size: 13px; }
    .lp-baris { grid-template-columns: minmax(0, 1fr); }
    .lp-bagian { padding: 48px 0; }
    .lp-hero p { font-size: 18px; }
    .lp-ajak { grid-template-columns: minmax(0, 1fr); height: auto; }
    .lp-ajak-ubin { display: none; }
    .lp-ajak-teks { padding: 40px 24px; }
    .lp-kaki { padding: 40px 20px 32px; }
    .lp-kaki-atas { flex-wrap: wrap; gap: 16px 24px; }
    .lp-kaki-kolom { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 36px; }
    .lp-kaki-bawah { margin-top: 40px; }
}
@media (max-width: 559px) {
    .lp-latar { display: none; }
    body.lp-halaman-demo { background: var(--card-bg); }
    .lp-demo-wrap { max-width: none; padding: 0 0 32px; }
    .lp-demo-kartu { border-radius: 0; box-shadow: none; padding: 24px 20px 8px; }
    .lp-kaki-kolom { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lp-gulir { right: 14px; bottom: calc(env(safe-area-inset-bottom, 0px) + 16px); }
    .lp-gulir-btn { width: 36px; height: 36px; }
    .lp-kaki-atas nav { order: 3; width: 100%; }
    .lp-kaki-demo { margin-left: auto; }
}
@media (max-width: 480px) {
    .pd-rak-beranda .pk-kanan .pd-tema { width: 36px; height: 36px; margin-left: -8px; }
}

/* layar pertama penuh + snap lembut di patokan tombol gulir -- classes/prospek/docs/ARCHITECTURE.md § Layar pertama & snap */
.lp-layar .lp-hero h1 { text-wrap: balance; }
.lp-layar .lp-hero { text-align: center; }
.lp-layar .lp-hero p { text-wrap: balance; }
.lp-layar .lp-hero h1, .lp-layar .lp-hero p { margin-left: auto; margin-right: auto; }
.lp-layar { --lp-nav-h: 88px; display: flex; flex-direction: column; justify-content: center;
    min-height: calc(100vh - var(--lp-nav-h)); min-height: calc(100svh - var(--lp-nav-h)); }
html:has(.lp-layar) { scroll-snap-type: y proximity; }
html:has(.lp-layar) .pk-nav { scroll-snap-align: start; }
main > section.lp-bagian { scroll-snap-align: start; }
main > figure.lp-hero-gambar, main > section.lp-bukti, main > section.lp-ajak { scroll-snap-align: start; scroll-margin-top: 32px; }
@media (max-width: 800px) {
    .lp-layar { --lp-nav-h: 56px; }
}
@media (min-width: 1320px) {
    html:has(.lp-utama, .lp-dokumen) .pk-nav-in { display: grid; grid-template-columns: 1fr auto 1fr; }
    html:has(.lp-utama, .lp-dokumen) .pk-brand { justify-self: start; }
    html:has(.lp-utama, .lp-dokumen) .pk-kanan { justify-self: end; margin-left: 0; }
}
@media (max-height: 1200px) and (min-width: 861px) {
    .lp-layar .lp-hero { padding-top: 32px; padding-bottom: 28px; }
    .lp-layar .lp-aksi { margin-top: 24px; }
    .lp-layar .lp-modul { row-gap: 12px; margin-bottom: 16px; }
    .lp-layar .lp-modul a { gap: 8px; padding: 4px; }
    .lp-layar .lp-modul .lp-ubin-ik { width: 44px; height: 44px; border-radius: 13px; }
    .lp-layar .lp-modul .lp-ubin-ik .pd-ik { width: 22px; height: 22px; }
}

/* halaman peran /role/{kunci} + tautan lanjut di landing -- classes/prospek/docs/ARCHITECTURE.md § Produk per peran */
.lp-hero-peran { text-align: center; padding-bottom: 48px; }
.lp-hero-peran h1, .lp-hero-peran p { margin-left: auto; margin-right: auto; text-wrap: balance; }
.lp-eyebrow { font-size: 14px !important; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--text-secondary) !important; margin-bottom: 12px; }
.lp-lanjut { margin-top: 24px; font-size: 16px; font-weight: 600; }
.lp-lanjut a { color: var(--title-fg); text-decoration: underline; text-underline-offset: 4px; }
.lp-tengah .lp-lanjut { text-align: center; }

/* direktori kampus /direktori -- classes/prospek/docs/DIREKTORI.md */
.lp-sorot { position: relative; margin: 40px 0; }
.lp-slide { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); height: 440px; border-radius: 24px; overflow: hidden;
    background: color-mix(in srgb, var(--lp-w) var(--lp-campur), var(--page-bg)); animation: lp-slide-masuk .5s ease; }
.lp-slide[hidden] { display: none; }
@keyframes lp-slide-masuk { from { opacity: 0; } to { opacity: 1; } }
.lp-sorot { touch-action: pan-y; cursor: grab; }
.lp-sorot .lp-slide { transition: transform .25s ease; }
.lp-sorot-seret { cursor: grabbing; user-select: none; -webkit-user-select: none; }
.lp-sorot-seret .lp-slide { transition: none; }
.lp-slide-titik { cursor: default; }
.lp-slide.lp-slide-dari-kanan { animation: lp-slide-kanan .35s ease; }
.lp-slide.lp-slide-dari-kiri { animation: lp-slide-kiri .35s ease; }
@keyframes lp-slide-kanan { from { opacity: 0; transform: translateX(60px); } to { opacity: 1; transform: none; } }
@keyframes lp-slide-kiri { from { opacity: 0; transform: translateX(-60px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
    .lp-slide.lp-slide-dari-kanan, .lp-slide.lp-slide-dari-kiri { animation: lp-slide-masuk .2s ease; }
}
.lp-slide-gambar { position: relative; display: flex; align-items: center; justify-content: center; }
.lp-slide-gambar::before { content: ''; position: absolute; width: 300px; height: 300px; border-radius: 50%; background: var(--lp-w);
    box-shadow: 0 0 0 28px color-mix(in srgb, var(--lp-w) 18%, transparent), 0 0 0 56px color-mix(in srgb, var(--lp-w) 8%, transparent); }
.lp-slide-ik { position: relative; width: 120px; height: 120px; background-color: var(--lp-w-ik);
    -webkit-mask: var(--ik) center / contain no-repeat; mask: var(--ik) center / contain no-repeat; }
.lp-slide-logo { position: relative; display: flex; align-items: center; justify-content: center; width: 220px; height: 220px;
    border-radius: 50%; background: #fff; box-shadow: 0 8px 24px rgba(0, 0, 0, .12); }
.lp-slide-logo img { width: 170px; height: 170px; object-fit: contain; pointer-events: none; }
.lp-ik-heart-pulse { --ik: url(/skins/lucide/heart-pulse.svg); }
.lp-ik-stethoscope { --ik: url(/skins/lucide/stethoscope.svg); }
.lp-ik-calculator { --ik: url(/skins/lucide/calculator.svg); }
.lp-ik-receipt { --ik: url(/skins/lucide/receipt.svg); }
.lp-ik-cpu { --ik: url(/skins/lucide/cpu.svg); }
.lp-ik-code { --ik: url(/skins/lucide/code.svg); }
.lp-ik-ship { --ik: url(/skins/lucide/ship.svg); }
.lp-ik-sigma { --ik: url(/skins/lucide/sigma.svg); }
.lp-ik-chart-scatter { --ik: url(/skins/lucide/chart-scatter.svg); }
.lp-slide-teks { align-self: center; padding: 48px 64px 48px 0; }
.lp-slide-pil { display: inline-block; padding: 4px 12px; border-radius: 999px; border: 1px solid var(--card-border); background: var(--card-bg);
    font-size: 13px; font-weight: 600; color: var(--text-secondary); }
.lp-slide-teks h2 { margin-top: 16px; font-size: clamp(26px, 2.6vw, 36px); font-weight: 750; line-height: 1.15; letter-spacing: -.02em;
    color: var(--title-fg); text-wrap: balance; }
.lp-slide-teks p { margin-top: 10px; font-size: 17px; color: var(--text-body); }
.lp-slide-teks .lp-slide-meta { margin-top: 4px; font-size: 15px; color: var(--text-secondary); }
.lp-slide-cta { margin-top: 28px; }
.lp-slide-titik { position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); display: flex; align-items: center; gap: 8px;
    padding: 8px 12px; border-radius: 999px; background: rgba(0, 0, 0, .32); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.lp-slide-titik button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 999px; background: rgba(255, 255, 255, .5); cursor: pointer;
    transition: width .2s, background .2s; }
.lp-slide-titik button:hover { background: rgba(255, 255, 255, .8); }
.lp-slide-titik button[aria-current="true"] { width: 24px; background: #fff; }
@media (max-width: 860px) {
    .lp-slide { grid-template-columns: minmax(0, 1fr); height: auto; }
    .lp-slide-gambar { height: 220px; }
    .lp-slide-gambar::before { width: 140px; height: 140px; box-shadow: 0 0 0 16px color-mix(in srgb, var(--lp-w) 18%, transparent), 0 0 0 32px color-mix(in srgb, var(--lp-w) 8%, transparent); }
    .lp-slide-ik { width: 60px; height: 60px; }
    .lp-slide-logo { width: 116px; height: 116px; }
    .lp-slide-logo img { width: 90px; height: 90px; }
    .lp-slide-teks { padding: 0 24px 64px; text-align: center; }
}
.lp-dir-pratinjau { margin: 24px auto 0; max-width: max-content; padding: 6px 14px; border-radius: 999px; font-size: 14px; font-weight: 600;
    background: var(--card-sunken); border: 1px dashed var(--card-border); color: var(--text-secondary); }
.lp-dir { margin: 0 0 72px; }
.lp-dir-saring { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 32px; }
.lp-dir-pil { display: flex; flex-wrap: wrap; gap: 8px; }
.lp-pil-saring { padding: 8px 14px; border: 0; border-radius: 8px; background: color-mix(in srgb, var(--title-fg) 5%, var(--page-bg));
    font: inherit; font-size: 15px; font-weight: 500; line-height: 1.3; color: var(--title-fg); cursor: pointer; transition: background .15s; }
.lp-pil-saring:hover { background: color-mix(in srgb, var(--title-fg) 9%, var(--page-bg)); }
.lp-pil-saring[aria-pressed="true"] { background: color-mix(in srgb, var(--title-fg) 12%, var(--page-bg)); }
.lp-dir-kisi { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 28px; }
.lp-dir-kartu { display: flex; flex-direction: column; gap: 12px; }
.lp-dir-kartu[hidden], .lp-dir-kisi[hidden], .lp-dir-ringkas[hidden], .lp-dir-baris-kepala[hidden], .lp-dir-baris[hidden], .lp-dir-semua[hidden] { display: none; }
.lp-dir-kepala { display: flex; align-items: center; gap: 14px; }
.lp-dir-logo { flex: none; width: 48px; height: 48px; border-radius: 12px; object-fit: contain; }
span.lp-dir-logo { display: inline-flex; align-items: center; justify-content: center; background: var(--lp-w); color: var(--lp-w-ik);
    font-size: 14px; font-weight: 700; letter-spacing: -.02em; }
.lp-dir-kepala h2, .lp-dir-kepala h3 { font-size: 17px; font-weight: 650; line-height: 1.3; color: var(--title-fg); text-wrap: balance; }
.lp-dir-kepala p { margin-top: 2px; font-size: 14px; color: var(--text-secondary); }
.lp-prodi .lp-dir-kepala p.lp-prodi-jenjang { margin: 0 0 2px; font-size: 12px; font-weight: 700; letter-spacing: .04em; color: var(--text-secondary); }
.lp-prodi .lp-ubin-ik { flex: none; }
.lp-prodi-kampus { display: flex; flex-direction: column; gap: 2px; font-size: 14px; color: var(--text-secondary); }
.lp-prodi-kampus strong { font-weight: 600; color: var(--text-body); }
.lp-dir-meta { font-size: 14px; color: var(--text-body); }
.lp-dir-rumpun { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.lp-dir-rumpun li { padding: 2px 10px; border-radius: 999px; background: var(--card-sunken); font-size: 13px; color: var(--text-secondary); }
.lp-dir-tautan { margin-top: auto; font-size: 15px; font-weight: 600; color: var(--title-fg); text-decoration: underline; text-underline-offset: 4px; }
.lp-dir { scroll-margin-top: 112px; }
.lp-dir-baris + .lp-dir-baris { margin-top: 40px; padding-top: 40px; border-top: 1px solid var(--card-border); }
.lp-dir-baris.lp-dir-baris-awal { margin-top: 0; padding-top: 0; border-top: 0; }
.lp-dir-baris-kepala { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.lp-dir-baris-kepala h2 { font-size: 22px; font-weight: 700; letter-spacing: -.01em; color: var(--title-fg); }
.lp-dir-semua { padding: 0; border: 0; background: none; font: inherit; font-size: 15px; font-weight: 600; color: var(--title-fg);
    text-decoration: underline; text-underline-offset: 4px; cursor: pointer; white-space: nowrap; }
.lp-dir-kosong { padding: 48px 0; text-align: center; font-size: 16px; color: var(--text-secondary); }
@media (max-width: 1080px) {
    .lp-dir-kisi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lp-dir-baris .lp-dir-kartu:nth-child(n+3) { display: none; }
}
@media (max-width: 640px) {
    .lp-dir-kisi { grid-template-columns: minmax(0, 1fr); }
    .lp-dir-pil { flex-wrap: nowrap; overflow-x: auto; margin: 0 -20px; padding: 0 20px 4px; scrollbar-width: none; }
    .lp-dir-pil::-webkit-scrollbar { display: none; }
    .lp-pil-saring { flex: none; }
}

/* landing versi naskah /landing/v2 -- classes/prospek/docs/ARCHITECTURE.md § Versi landing */
.lp-v2 .lp-layar .lp-aksi { justify-content: center; }
.lp-v2 .lp-ajak .lp-aksi { margin-top: 32px; }
.lp-v2 .lp-ajak .lp-cta { margin-top: 0; }
.lp-langkah, .lp-peran { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 40px; list-style: none; text-align: left; }
.lp-peran { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lp-peran a.lp-kartu { color: inherit; transition: transform .15s; }
.lp-peran a.lp-kartu:hover { transform: translateY(-2px); }
.lp-nomor { display: block; font-size: 15px; font-weight: 700; letter-spacing: .04em; font-variant-numeric: tabular-nums; color: var(--text-secondary); }
.lp-langkah h3 { margin-top: 12px; }
.lp-periksa { max-width: 40em; margin: 40px auto 0; padding-left: 1.4em; text-align: left; }
.lp-periksa li { margin-top: 16px; font-size: 18px; line-height: 1.55; color: var(--text-body); text-wrap: pretty; }
.lp-tanya { max-width: 46em; margin: 40px auto 0; text-align: left; border-top: 1px solid var(--card-border); }
.lp-tanya details { border-bottom: 1px solid var(--card-border); }
.lp-tanya summary { display: flex; justify-content: space-between; gap: 16px; padding: 20px 0; cursor: pointer; list-style: none;
    font-size: 18px; font-weight: 600; color: var(--title-fg); }
.lp-tanya summary::-webkit-details-marker { display: none; }
.lp-tanya summary::after { content: "+"; flex: none; font-weight: 400; color: var(--text-secondary); }
.lp-tanya details[open] summary::after { content: "\2212"; }
.lp-tanya details p { padding: 0 0 20px; max-width: 40em; font-size: 16px; line-height: 1.6; color: var(--text-body); text-wrap: pretty; }
@media (max-width: 1100px) {
    .lp-langkah { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lp-peran { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .lp-langkah, .lp-peran { grid-template-columns: minmax(0, 1fr); }
    .lp-v2 .lp-aksi { flex-direction: column; gap: 16px; }
}
.lp-demo-merek a { display: flex; align-items: center; gap: 10px; }
.lp-ringkas-form { gap: 24px; margin-top: 24px; }
.lp-pilih { border: 0; margin: 0; padding: 0; min-width: 0; }
.lp-pilih legend { display: flex; gap: 10px; align-items: baseline; padding: 0; margin-bottom: 12px; font-size: 16px; font-weight: 650; line-height: 1.4; color: var(--title-fg); }
.lp-pilih-no { flex: none; font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--text-secondary); }
.lp-pilih-opsi { display: flex; flex-wrap: wrap; gap: 8px; }
.lp-pilih-opsi label { position: relative; cursor: pointer; }
.lp-pilih-opsi input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.lp-pilih-opsi span { display: inline-block; padding: 8px 14px; border: 1px solid var(--input-border); border-radius: 999px; font-size: 14px; line-height: 1.35; color: var(--text-body); background: var(--card-bg); transition: background .12s, border-color .12s; }
.lp-pilih-opsi label:hover span { background: var(--card-sunken); }
.lp-pilih-opsi input:checked + span { border-color: var(--title-fg); background: var(--title-fg); color: var(--card-bg); }
.lp-pilih-opsi input:focus-visible + span { outline: 2px solid var(--ring); outline-offset: 2px; }
.lp-ringkas { padding: 16px; border-radius: 10px; background: var(--card-sunken); }
.lp-ringkas-judul { font-size: 13px; font-weight: 650; letter-spacing: .04em; text-transform: uppercase; color: var(--text-secondary); }
.lp-ringkas[hidden] { display: none; }
.lp-ringkas:focus { outline: none; }
.lp-ringkas-isi { margin-top: 10px; font-size: 15px; line-height: 1.55; color: var(--title-fg); }
.lp-ringkas-isi dl { margin: 12px 0; }
.lp-ringkas-isi dt { margin-top: 10px; font-size: 13px; color: var(--text-secondary); }
.lp-ringkas-isi dd { margin: 2px 0 0; font-weight: 600; }
.lp-ringkas-aksi { margin-top: 16px; }
.lp-pilih-bantu { margin: -6px 0 10px; font-size: 13px; color: var(--text-secondary); }
.lp-ringkas-buat { display: flex; flex-direction: column; gap: 10px; }
.lp-ringkas-buat p { font-size: 13px; line-height: 1.5; color: var(--text-secondary); }
.lp-ringkas-buat a { text-decoration: underline; text-underline-offset: 3px; }
.lp-konteks { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 48px; align-items: start; }
.lp-konteks-teks { position: sticky; top: calc(var(--pd-top-h, 64px) + 24px); }
.lp-konteks-kartu { padding: 32px; border-radius: 16px; background: var(--card-bg); box-shadow: 0 12px 40px rgba(0, 0, 0, .06); }
@media (max-width: 960px) {
    .lp-konteks { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .lp-konteks-teks { position: static; }
    .lp-konteks-kartu { padding: 20px; }
}
.lp-ringkas-aksi { display: flex; gap: 12px; }
.lp-ringkas-aksi .lp-ringkas-wa { flex: 1 1 auto; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 600; }
.lp-ringkas-salin { height: 48px; padding: 0 18px; border: 1px solid var(--input-border); border-radius: 8px; background: var(--card-bg); color: var(--title-fg); font: inherit; font-size: 15px; cursor: pointer; }
.lp-ringkas-salin:hover { background: var(--card-sunken); }
.lp-ringkas-lain { margin-top: -8px; font-size: 14px; color: var(--text-secondary); }
.lp-ringkas-lain a { text-decoration: underline; text-underline-offset: 3px; color: var(--title-fg); }
@media (max-width: 480px) {
    .lp-ringkas-aksi { flex-direction: column; }
}
.lp-v2-hero { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 56px; align-items: center; padding: 72px 0 80px; }
.lp-v2-eyebrow { display: flex; align-items: center; gap: 12px; font-size: 13px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; color: var(--text-secondary); }
.lp-v2-eyebrow span:first-child::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: #34C759; vertical-align: 2px; }
.lp-v2-eyebrow span + span { padding-left: 12px; border-left: 1px solid var(--card-border); }
.lp-v2-hero h1 { margin-top: 20px; font-size: clamp(40px, 5.2vw, 72px); font-weight: 800; line-height: 1.02; letter-spacing: -.035em; color: var(--title-fg); text-wrap: balance; }
.lp-v2-hero-teks > p:not(.lp-v2-eyebrow):not(.lp-v2-merek) { margin-top: 24px; max-width: 34em; font-size: 18px; line-height: 1.65; color: var(--text-body); text-wrap: pretty; }
.lp-v2-alur-judul, .lp-v2-alur-kaki { font-size: 12px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; color: var(--text-secondary); }
.lp-v2-alur-kaki { margin-top: 12px; text-align: right; letter-spacing: 0; text-transform: none; font-weight: 500; }
.lp-v2-alur ol { position: relative; display: flex; flex-direction: column; gap: 24px; margin-top: 16px; list-style: none; }
.lp-v2-alur ol::before { content: ""; position: absolute; left: 44px; top: 0; bottom: -24px; width: 1px; background: var(--card-border); }
.lp-v2-alur li { position: relative; }
.lp-v2-alur-2 { margin-right: 24px; }
.lp-v2-alur-3 { margin-right: 48px; }
.lp-v2-alur a { display: flex; align-items: center; gap: 16px; padding: 22px 24px; border: 1px solid var(--card-border); border-radius: 12px; background: var(--card-bg); color: var(--title-fg); box-shadow: 0 6px 20px rgba(0, 0, 0, .05); transition: transform .15s; }
.lp-v2-alur a:hover { transform: translateX(4px); }
.lp-v2-alur-2 a { border-color: transparent; background: var(--title-fg); color: var(--card-bg); box-shadow: 0 10px 28px rgba(0, 0, 0, .18); }
.lp-v2-alur-3 a { border-color: color-mix(in srgb, #34C759 40%, var(--card-border)); background: color-mix(in srgb, #34C759 var(--lp-campur), var(--card-bg)); }
.lp-v2-alur-no { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border: 1.5px solid currentColor; border-radius: 50%; font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; }
.lp-v2-alur-isi { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.lp-v2-alur-isi small { font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; opacity: .7; }
.lp-v2-alur-isi strong { font-size: 20px; font-weight: 700; letter-spacing: -.01em; line-height: 1.25; }
.lp-v2-alur-panah { flex: none; font-size: 18px; }
.lp-v2-hero .lp-aksi { margin-top: 32px; }
@media (max-width: 960px) {
    .lp-v2-hero { grid-template-columns: minmax(0, 1fr); gap: 40px; padding: 40px 0 56px; }
}
@media (max-width: 640px) {
    .lp-v2-hero-teks > p:not(.lp-v2-eyebrow):not(.lp-v2-merek) { font-size: 17px; }
    .lp-v2-alur-2 { margin-right: 12px; }
    .lp-v2-alur-3 { margin-right: 24px; }
    .lp-v2-alur a { padding: 18px; }
    .lp-v2-alur ol::before { left: 38px; }
    .lp-v2-eyebrow { font-size: 11px; }
}
@media (max-width: 640px) {
    .lp-v2-eyebrow span + span { display: none; }
    .lp-v2-hero .lp-aksi { align-items: flex-start; }
}
.pp-isi { max-width: 720px; margin: 0 auto; padding: 56px 0 72px; }
.pp-remah { display: flex; gap: 8px; font-size: 13px; color: var(--text-secondary); }
.pp-remah a { color: var(--title-fg); }
.pp-label { margin-top: 28px; }
.pp-isi h1 { margin-top: 14px; font-size: clamp(32px, 4.4vw, 52px); font-weight: 800; line-height: 1.08; letter-spacing: -.03em; color: var(--title-fg); text-wrap: balance; }
.pp-lead { margin-top: 20px; font-size: 19px; line-height: 1.6; color: var(--text-body); text-wrap: pretty; }
.pp-oleh { margin-top: 16px; font-size: 14px; color: var(--text-secondary); }
.pp-daftar { margin: 40px 0 8px; padding: 24px; border: 1px solid var(--card-border); border-radius: 14px; background: var(--card-bg); }
.pp-daftar-judul, .pp-lanjut-judul { font-size: 12px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; color: var(--text-secondary); }
.pp-daftar ol { margin: 12px 0 20px; list-style: none; }
.pp-daftar li a { display: flex; gap: 12px; padding: 8px 0; font-size: 16px; font-weight: 600; color: var(--title-fg); border-bottom: 1px solid var(--card-border); }
.pp-daftar li:last-child a { border-bottom: 0; }
.pp-daftar li span { flex: none; width: 24px; font-variant-numeric: tabular-nums; color: var(--text-secondary); }
.pp-bagian { padding-top: 40px; scroll-margin-top: calc(var(--pd-top-h, 64px) + 16px); }
.pp-bagian h2, .pp-tentang h2 { display: flex; gap: 14px; align-items: baseline; font-size: clamp(24px, 2.6vw, 30px); font-weight: 750; line-height: 1.2; letter-spacing: -.02em; color: var(--title-fg); }
.pp-no { flex: none; font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--text-secondary); }
.pp-bagian p, .pp-tentang p { margin-top: 14px; font-size: 17px; line-height: 1.7; color: var(--text-body); text-wrap: pretty; }
.pp-bagian .lp-centang { margin-top: 18px; }
.pp-lanjut { margin-top: 48px; padding: 28px; border-radius: 16px; background: color-mix(in srgb, #34C759 var(--lp-campur), var(--card-bg)); border: 1px solid color-mix(in srgb, #34C759 35%, var(--card-border)); }
.pp-lanjut p:not(.pp-lanjut-judul) { margin: 10px 0 20px; font-size: 17px; line-height: 1.65; color: var(--title-fg); }
.pp-tentang { margin-top: 56px; padding-top: 32px; border-top: 1px solid var(--card-border); }
.pp-tentang-aksi { display: flex; gap: 24px; }
.pp-tentang-aksi a { font-weight: 600; color: var(--title-fg); text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 640px) {
    .pp-isi { padding: 32px 0 48px; }
    .pp-lead { font-size: 17px; }
    .pp-daftar, .pp-lanjut { padding: 20px; }
}
@media (max-width: 640px) {
    .pp-label span + span { display: inline; }
}
.lp-v2-merek { display: flex; align-items: center; gap: 10px; margin-top: 32px; font-size: 12px; line-height: 1.45; color: var(--text-secondary); }
.lp-v2-merek img { flex: none; box-sizing: content-box; width: 16px; height: auto; padding: 8px; border-radius: 50%; background: color-mix(in srgb, #5856d6 12%, var(--card-bg)); border: 1px solid color-mix(in srgb, #5856d6 28%, var(--card-border)); }
.lp-v2-merek strong { display: block; font-weight: 400; color: var(--title-fg); }
.lp-v2-untuk { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-top: 16px; padding-top: 24px; border-top: 1px solid var(--card-border); }
.lp-v2-untuk p { font-size: 11px; font-weight: 600; letter-spacing: .05em; line-height: 1.5; text-transform: uppercase; color: var(--text-secondary); }
.lp-v2-untuk strong { margin-right: 4px; color: var(--title-fg); }
.lp-v2-untuk a { flex: none; font-size: 12px; font-weight: 500; color: var(--title-fg); }
@media (max-width: 960px) {
    .lp-v2-untuk { flex-direction: column; align-items: flex-start; gap: 12px; margin-top: 0; }
}
.lp-v2 .lp-pita + .lp-bukti { margin-top: 64px; }
.lp-cara { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; align-items: start; }
.lp-cara-kiri { position: sticky; top: calc(var(--pd-top-h, 64px) + 32px); }
.lp-cara-kiri h2 { margin-top: 16px; }
.lp-cara-langkah { list-style: none; }
.lp-cara-langkah li { display: flex; gap: 32px; padding: 0 0 28px; margin-bottom: 28px; border-bottom: 1px solid var(--card-border); }
.lp-cara-langkah li:last-child { margin-bottom: 0; }
.lp-cara-no { flex: none; width: 28px; padding-top: 3px; font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; color: #248a3d; }
:root[data-theme="dark"] .lp-cara-no { color: #30D158; }
.lp-cara-langkah h3 { font-size: 22px; font-weight: 700; letter-spacing: -.01em; line-height: 1.3; color: var(--title-fg); }
.lp-cara-langkah p { margin-top: 8px; font-size: 16px; line-height: 1.65; color: var(--text-secondary); text-wrap: pretty; }
@media (max-width: 960px) {
    .lp-cara { grid-template-columns: minmax(0, 1fr); gap: 32px; }
    .lp-cara-kiri { position: static; }
    .lp-cara-langkah li { gap: 16px; }
}
.lp-ik-chevron-right { --ik: url(/skins/lucide/chevron-right.svg); }
.lp-ik-check { --ik: url(/skins/lucide/check.svg); }
.lp-benahi-atas { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: 32px; }
.lp-benahi-atas .lp-v2-alur-judul { padding-top: 10px; }
.lp-benahi-teks { margin-top: 20px; max-width: 44em; font-size: 17px; line-height: 1.7; color: var(--text-secondary); text-wrap: pretty; }
.lp-benahi-kartu { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 48px; }
.lp-benahi-kartu > div { padding: 28px; border: 1px solid var(--card-border); border-radius: 14px; background: var(--card-bg); }
.lp-benahi-ik { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; color: var(--lp-w-ik, #3634a3);
    background: color-mix(in srgb, var(--lp-w) var(--lp-campur), var(--card-bg)); }
.lp-benahi-ik .pd-ik { width: 18px; height: 18px; }
.lp-benahi-kartu .lp-w-indigo .lp-benahi-ik, .lp-benahi-kartu .lp-w-blue .lp-benahi-ik { color: #3634a3; }
.lp-benahi-kartu .lp-w-green .lp-benahi-ik { color: #248a3d; }
.lp-benahi-kartu .lp-w-yellow .lp-benahi-ik { color: #a05a00; }
:root[data-theme="dark"] .lp-benahi-kartu .lp-benahi-ik { color: var(--title-fg); }
.lp-benahi-kartu h3 { margin-top: 24px; font-size: 20px; font-weight: 700; letter-spacing: -.01em; line-height: 1.3; color: var(--title-fg); }
.lp-benahi-kartu p { margin-top: 12px; font-size: 15px; line-height: 1.7; color: var(--text-secondary); text-wrap: pretty; }
@media (max-width: 960px) {
    .lp-benahi-atas { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .lp-benahi-kartu { grid-template-columns: minmax(0, 1fr); margin-top: 32px; }
}
.lp-benahi-atas h2 { max-width: 16em; }
.lp-ide { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 48px; align-items: center; margin: 72px 0; padding: 56px;
    border-radius: 24px; background: color-mix(in srgb, #6155F5 var(--lp-campur), var(--page-bg)); }
.lp-ide .lp-bukti-judul { text-align: left; }
.lp-ide h2 { margin-top: 14px; max-width: 16em; font-size: clamp(28px, 3vw, 38px); font-weight: 750; line-height: 1.15; letter-spacing: -.025em; color: var(--title-fg); text-wrap: balance; }
.lp-ide-teks > p:not(.lp-bukti-judul) { margin-top: 14px; max-width: 30em; font-size: 17px; line-height: 1.6; color: var(--text-body); text-wrap: pretty; }
.lp-ide-kertas { display: block; padding: 28px; border-radius: 14px; background: var(--card-bg); color: var(--title-fg); box-shadow: 0 18px 48px rgba(0, 0, 0, .10); transition: transform .15s; }
.lp-ide-kertas:hover { transform: translateY(-3px); }
.lp-ide-kertas-kepala { display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--text-secondary); }
.lp-ide-kertas-kepala .lp-ubin-ik { width: 32px; height: 32px; border-radius: 9px; }
.lp-ide-kertas-kepala .lp-ubin-ik .pd-ik { width: 16px; height: 16px; }
.lp-ide-kertas-judul { display: block; margin-top: 16px; font-size: 19px; font-weight: 700; line-height: 1.3; letter-spacing: -.01em; }
.lp-ide-kertas-sub { display: block; margin-top: 20px; padding-bottom: 6px; font-size: 11px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; color: var(--text-secondary); }
.lp-ide-baris { display: flex; gap: 12px; padding: 11px 0; border-top: 1px solid var(--card-border); font-size: 15px; line-height: 1.4; color: var(--text-body); }
.lp-ide-baris small { flex: none; width: 20px; padding-top: 2px; font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--text-secondary); }
@media (max-width: 960px) {
    .lp-ide { grid-template-columns: minmax(0, 1fr); gap: 32px; padding: 32px 20px; margin: 48px 0; }
}
.lp-faq { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; align-items: start; }
.lp-faq-kiri { position: sticky; top: calc(var(--pd-top-h, 64px) + 32px); }
.lp-faq-kiri h2 { margin-top: 16px; }
.lp-faq .lp-tanya { max-width: none; margin: 0; }
@media (max-width: 960px) {
    .lp-faq { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .lp-faq-kiri { position: static; }
}
.lp-v2 .lp-v2-bukti { margin: 0; padding: 64px 0; }
.lp-v2-bukti .lp-bukti-judul { color: var(--title-fg); }
@media (max-width: 960px) {
    .lp-v2 .lp-v2-bukti { padding: 44px 0; }
}
@media (max-width: 640px) {
    .lp-v2-bukti .lp-bukti-isi > div + div { margin-top: 20px; }
}
@media (max-width: 640px) {
    .lp-ide .lp-aksi { align-items: flex-start; }
}
.tt-hero { max-width: 760px; padding: 56px 0 64px; }
.tt-hero .lp-bukti-judul { margin-top: 28px; text-align: left; }
.tt-hero h1 { margin-top: 14px; font-size: clamp(40px, 5vw, 64px); font-weight: 800; line-height: 1.05; letter-spacing: -.035em; color: var(--title-fg); text-wrap: balance; }
.tt-hero > p:last-child { margin-top: 20px; max-width: 38em; font-size: 18px; line-height: 1.65; color: var(--text-body); text-wrap: pretty; }
.tt-cerita { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; align-items: start; }
.tt-cerita .lp-bukti-judul, .tt-kampus .lp-bukti-judul { text-align: left; }
.tt-cerita-kiri { position: sticky; top: calc(var(--pd-top-h, 64px) + 32px); }
.tt-cerita h2 { margin-top: 14px; }
.tt-cerita-kanan p { font-size: 17px; line-height: 1.7; color: var(--text-body); text-wrap: pretty; }
.tt-cerita-kanan p + p { margin-top: 16px; }
.tt-tautan { margin-top: 24px; font-size: 16px; font-weight: 600; }
.tt-tautan a { color: var(--title-fg); text-decoration: underline; text-underline-offset: 4px; }
.tt-kampus-atas { max-width: 40em; }
.tt-kampus-atas h2 { margin-top: 14px; }
.tt-kampus-atas > p:last-child { margin-top: 12px; font-size: 17px; line-height: 1.6; color: var(--text-secondary); }
.tt-kampus-daftar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 32px; list-style: none; }
.tt-kampus-daftar li { padding: 18px 20px; border: 1px solid var(--card-border); border-radius: 12px; background: var(--card-bg); }
.tt-kampus-daftar strong { display: block; font-size: 15px; font-weight: 650; line-height: 1.35; color: var(--title-fg); }
.tt-kampus-daftar span { display: block; margin-top: 4px; font-size: 13px; color: var(--text-secondary); }
.tt-kontak .lp-ide-kertas-sub { margin-top: 0; }
.tt-kontak .lp-ide-baris small { width: 56px; }
.tt-kontak a { color: var(--title-fg); text-decoration: underline; text-underline-offset: 3px; word-break: break-word; }
.tt-kelola { margin: -40px 0 56px; font-size: 13px; color: var(--text-secondary); text-align: center; }
@media (max-width: 960px) {
    .tt-cerita { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .tt-cerita-kiri { position: static; }
    .tt-kampus-daftar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tt-hero { padding: 32px 0 40px; }
    .tt-kelola { margin-top: -24px; }
}
@media (max-width: 640px) {
    .tt-kampus-daftar { grid-template-columns: minmax(0, 1fr); }
}
.pp-bagian h2 .pp-no { font-size: inherit; font-weight: inherit; color: var(--text-muted); }
.lp-ide-baris small { width: 24px; padding-top: 0; font-size: inherit; font-weight: 600; color: var(--text-muted); }
.lp-cara-no { width: 32px; padding-top: 0; font-size: 22px; line-height: 1.3; font-weight: 700; }
.tt-kontak .lp-ide-baris small { width: 76px; padding-top: 2px; font-size: 12px; font-weight: 600; }
.lp-konteks-teks .lp-bukti-judul { text-align: left; }
.lp-konteks-teks h2 { margin-top: 14px; }
.lp-ringkas-pengantar { margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid var(--card-border); font-size: 15px; line-height: 1.6; color: var(--text-secondary); text-wrap: pretty; }
.lp-konteks-teks .lp-lanjut { text-align: left; }
.lp-demo-eyebrow { margin-bottom: 10px; text-align: left; }
.lp-demo-kartu .lp-ringkas-pengantar { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--card-border); }