/* Halaman /unduh AntumPay — desain ulang 31 Jul 2026: tata letak ala halaman detail
   aplikasi store mobile (putih bersih, tanpa ulasan). Berdiri sendiri (bukan pipeline
   minify #52): halaman statis kecil, CSS eksternal karena CSP vhost antumpay nol-inline.
   Aksen = oranye brand AntumPay (#F2782C / #e8621a), BUKAN identitas store mana pun. */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --txt:#1f1f1f;
  --mut:#5f6368;
  --line:#e8eaed;
  --brand:#F2782C;
  --brand2:#e8621a;
  --pub:#1a7f37;
}
/* #57: body TAK PERNAH scroll — scroller = .page (overscroll none = anti goyang/melar). */
html,body{height:100%;overflow:hidden}
body{font-family:'Plus Jakarta Sans',Poppins,system-ui,sans-serif;background:#f1f3f4;color:var(--txt);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.page{max-width:500px;height:100vh;height:100dvh;margin:0 auto;background:#fff;
  overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch;
  box-shadow:0 0 0 1px var(--line)}
@media (max-width:520px){.page{max-width:none;box-shadow:none}}

/* ── Header wordmark ─────────────────────────────────────── */
.top{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.96);
  backdrop-filter:saturate(1.4) blur(8px);-webkit-backdrop-filter:saturate(1.4) blur(8px);
  border-bottom:1px solid var(--line);padding:12px 20px;
  padding-top:calc(12px + env(safe-area-inset-top))}
.wordmark{height:22px;width:auto;display:block}

.konten{padding:20px 20px 28px;padding-bottom:calc(28px + env(safe-area-inset-bottom))}

/* ── Identitas aplikasi ──────────────────────────────────── */
.apphead{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.ikon{width:76px;height:76px;flex:0 0 auto;border-radius:22%;
  box-shadow:0 1px 3px rgba(60,64,67,.18),0 2px 8px rgba(60,64,67,.12)}
.appid{min-width:0}
.appid h1{font-size:24px;font-weight:700;letter-spacing:-.2px;line-height:1.15;margin-bottom:3px}
.penerbit{font-size:13.5px;font-weight:700;color:var(--pub);margin-bottom:2px}
.subket{font-size:12px;font-weight:500;color:var(--mut)}

/* ── Chip statistik ber-pemisah ──────────────────────────── */
.statrow{display:flex;align-items:stretch;justify-content:space-between;
  margin-bottom:20px;padding:2px 0}
.stat{flex:1 1 0;min-width:0;text-align:center;padding:2px 4px}
.sv{font-size:13.5px;font-weight:700;line-height:1.3;white-space:nowrap}
.sv .ti{font-size:14px;vertical-align:-1px}
.sl{font-size:11px;font-weight:500;color:var(--mut);margin-top:3px;white-space:nowrap}
.sep{flex:0 0 1px;background:var(--line);margin:5px 0}

/* ── Tombol unduh + baris tepercaya ──────────────────────── */
.btn-unduh{display:block;width:100%;border-radius:10px;padding:13px 16px;
  background:linear-gradient(93deg,var(--brand2),var(--brand));color:#fff;
  font-size:15px;font-weight:700;text-align:center;text-decoration:none;
  box-shadow:0 3px 10px rgba(232,98,26,.28)}
.btn-unduh:active{filter:brightness(.94)}
.tepercaya{display:flex;align-items:flex-start;justify-content:center;gap:7px;
  margin-top:12px;padding:0 6px;font-size:11.5px;font-weight:500;color:var(--mut);
  text-align:left;line-height:1.5}
.tepercaya .ti{flex:0 0 auto;font-size:15px;color:var(--pub);margin-top:1px}

/* ── Section umum ────────────────────────────────────────── */
.sec{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}
.sech{display:flex;align-items:center;justify-content:space-between;
  font-size:16.5px;font-weight:700;letter-spacing:-.1px;margin-bottom:12px}
.sech .ti{font-size:18px;color:var(--mut)}
.secdate{font-size:11.5px;font-weight:500;color:var(--mut);margin:-6px 0 10px}

/* Tentang aplikasi ini */
.tentang{font-size:13.5px;font-weight:400;line-height:1.65;color:#3c4043}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.chip{font-size:12px;font-weight:600;color:#3c4043;border:1px solid #dadce0;
  border-radius:99px;padding:5px 13px}

/* Yang baru */
.baru{list-style:none}
.baru li{position:relative;font-size:13.5px;line-height:1.6;color:#3c4043;
  padding-left:16px;margin-top:5px}
.baru li::before{content:"";position:absolute;left:2px;top:.72em;width:5px;height:5px;
  border-radius:50%;background:var(--brand)}

/* Keamanan data */
.amankartu{border:1px solid #dadce0;border-radius:12px;padding:14px 15px}
.amanrow{display:flex;align-items:flex-start;gap:12px;font-size:13px;font-weight:500;
  line-height:1.55;color:#3c4043}
.amanrow + .amanrow{margin-top:11px}
.amanrow .ti{flex:0 0 auto;font-size:17px;color:var(--mut);margin-top:1px}

/* Cara memasang */
.langkah{list-style:none}
.langkah li{display:flex;align-items:flex-start;gap:11px;font-size:13px;font-weight:500;
  line-height:1.55;color:#3c4043;margin-top:9px}
.langkah li:first-child{margin-top:0}
.no{flex:0 0 auto;width:21px;height:21px;border-radius:50%;background:#fdeee2;
  color:var(--brand2);font-size:11.5px;font-weight:800;display:flex;
  align-items:center;justify-content:center;margin-top:1px}

/* Info aplikasi */
.info{font-size:13px}
.irow{display:flex;justify-content:space-between;align-items:baseline;gap:14px;
  padding:8px 0;border-bottom:1px solid #f1f3f4}
.irow:last-child{border-bottom:none}
.il{flex:0 0 auto;font-weight:500;color:var(--mut)}
.iv{font-weight:600;text-align:right;color:var(--txt)}

/* Footer */
.foot{border-top:1px solid var(--line);margin-top:22px;padding-top:16px;
  font-size:11px;font-weight:500;color:var(--mut);text-align:center}