@font-face {
  font-family: "Poppins";
  src: url("assets/fonts/Poppins-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("assets/fonts/Poppins-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("assets/fonts/Poppins-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("assets/fonts/Poppins-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("assets/fonts/Poppins-ExtraBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

:root {
  --hijau-950: #052e16;
  --hijau-900: #14532d;
  --hijau-800: #166534;
  --hijau-700: #15803d;
  --hijau-600: #16a34a;
  --hijau-500: #22c55e;
  --hijau-400: #4ade80;
  --hijau-limau: #a3d635;
  --hijau-limau-terang: #d7ee63;
  --hijau-100: #dcfce7;
  --hijau-50: #f0fdf4;
  --hijau-sangat-muda: #f7fcf7;
  --putih: #ffffff;
  --abu-50: #f8fafc;
  --abu-100: #f1f5f9;
  --abu-200: #e2e8f0;
  --abu-300: #cbd5e1;
  --abu-500: #64748b;
  --abu-600: #475569;
  --abu-700: #334155;
  --abu-800: #1e293b;
  --abu-900: #0f172a;
  --batas: #dce9df;
  --bayang-kecil: 0 10px 30px rgba(20, 83, 45, 0.08);
  --bayang-sedang: 0 24px 60px rgba(20, 83, 45, 0.12);
  --bayang-besar: 0 42px 100px rgba(5, 46, 22, 0.18);
  --radius-kecil: 12px;
  --radius: 20px;
  --radius-besar: 32px;
  --lebar: 1180px;
  --tinggi-kepala: 82px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--tinggi-kepala) + 24px); }
body {
  margin: 0;
  color: var(--abu-900);
  background: var(--putih);
  font-family: "Poppins", "Noto Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
body.menu-terbuka { overflow: hidden; }
button, input, textarea, select { font: inherit; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { cursor: pointer; }
svg { width: 1.25em; height: 1.25em; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.pustaka-ikon { position: absolute; width: 0; height: 0; overflow: hidden; }
.wadah { width: min(calc(100% - 48px), var(--lebar)); margin-inline: auto; }
.bagian { position: relative; padding: 112px 0; }

.tautan-lewati {
  position: fixed; z-index: 9999; left: 16px; top: -60px;
  background: var(--hijau-900); color: white; padding: 12px 18px; border-radius: 10px;
  transition: top .2s ease;
}
.tautan-lewati:focus { top: 16px; }

/* Tombol */
.tombol {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 48px; padding: 0 22px; border: 1px solid transparent; border-radius: 14px;
  font-size: 14px; font-weight: 750; letter-spacing: -.01em;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}
.tombol:hover { transform: translateY(-2px); }
.tombol:focus-visible, .tombol-menu:focus-visible, .pertanyaan button:focus-visible, .tab-pratinjau button:focus-visible, .tab-berita button:focus-visible {
  outline: 3px solid rgba(163,214,53,.48); outline-offset: 3px;
}
.tombol svg { width: 18px; height: 18px; }
.tombol-utama { color: white; background: linear-gradient(135deg, var(--hijau-800), var(--hijau-600)); box-shadow: 0 12px 24px rgba(22, 101, 52, .24); }
.tombol-utama:hover { box-shadow: 0 18px 34px rgba(22,101,52,.3); }
.tombol-sekunder { color: var(--hijau-900); background: rgba(255,255,255,.78); border-color: rgba(20,83,45,.18); box-shadow: 0 10px 24px rgba(15,23,42,.06); backdrop-filter: blur(10px); }
.tombol-sekunder:hover { background: white; border-color: rgba(20,83,45,.36); }
.tombol-putih { background: white; color: var(--hijau-900); box-shadow: 0 16px 36px rgba(0,0,0,.18); }
.tombol-besar { min-height: 56px; padding-inline: 26px; border-radius: 16px; font-size: 15px; }
.tombol-kecil { min-height: 44px; padding-inline: 18px; }

/* Kepala situs */
.kepala-situs {
  position: fixed; z-index: 1000; inset: 0 0 auto 0; height: var(--tinggi-kepala);
  background: rgba(255,255,255,.86); border-bottom: 1px solid rgba(20,83,45,.08);
  backdrop-filter: blur(18px) saturate(140%);
  transition: box-shadow .25s ease, background .25s ease;
}
.kepala-situs.bergulir { background: rgba(255,255,255,.95); box-shadow: 0 12px 34px rgba(15,23,42,.07); }
.kepala-dalam { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 26px; }
.merek { display: inline-flex; align-items: center; gap: 9px; color: var(--hijau-900); }
.merek-judul { display: inline-flex; flex-direction: column; line-height: 1; }
.merek img { width: 38px; height: 29px; object-fit: contain; }
.merek span { display: block; font-size: 19px; line-height: .95; font-weight: 860; letter-spacing: .02em; }
.merek small { margin-top: 5px; display: block; font-size: 10px; line-height: 1.16; letter-spacing: .01em; color: var(--abu-600); font-weight: 600; white-space: nowrap; }
.navigasi-desktop { display: flex; align-items: center; justify-content: center; gap: clamp(10px, 1.5vw, 20px); margin-left: auto; white-space: nowrap; }
.navigasi-desktop a { position: relative; padding: 28px 0 23px; color: var(--abu-600); font-size: 12.5px; font-weight: 650; letter-spacing: .01em; }
.navigasi-desktop a::after { content:""; position: absolute; left: 0; right: 100%; bottom: 18px; height: 2px; background: var(--hijau-600); border-radius: 99px; transition: right .2s ease; }
.navigasi-desktop a:hover, .navigasi-desktop a.aktif { color: var(--hijau-900); }
.navigasi-desktop a:hover::after, .navigasi-desktop a.aktif::after { right: 0; }
.unduh-desktop { margin-left: 6px; }
.tombol-menu { display: none; width: 44px; height: 44px; align-items: center; justify-content: center; border: 1px solid var(--batas); border-radius: 13px; background: white; color: var(--hijau-900); }
.tombol-menu svg { width: 22px; height: 22px; }
.tombol-menu .ikon-tutup { display: none; }
.tombol-menu[aria-expanded="true"] .ikon-menu { display: none; }
.tombol-menu[aria-expanded="true"] .ikon-tutup { display: block; }
.navigasi-ponsel { display: none; }

/* Hero */
.hero {
  min-height: 900px; padding: calc(var(--tinggi-kepala) + 92px) 0 68px;
  background:
    radial-gradient(circle at 78% 26%, rgba(163,214,53,.24), transparent 26%),
    radial-gradient(circle at 72% 50%, rgba(22,163,74,.12), transparent 34%),
    linear-gradient(180deg, #fbfefb 0%, #f7fcf7 55%, #ffffff 100%);
  overflow: hidden;
}
.hero::before {
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.43;
  background-image: linear-gradient(rgba(20,83,45,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(20,83,45,.035) 1px, transparent 1px);
  background-size: 46px 46px; mask-image: linear-gradient(to bottom, black 0, transparent 78%);
}
.hiasan-orbit { position: absolute; border: 1px solid rgba(22,163,74,.14); border-radius: 50%; pointer-events: none; }
.hiasan-orbit-satu { width: 760px; height: 760px; right: -210px; top: 30px; }
.hiasan-orbit-dua { width: 540px; height: 540px; right: -80px; top: 138px; border-style: dashed; transform: rotate(-20deg); }
.kisi-hero { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(470px, .98fr); align-items: center; gap: 56px; }
.salinan-hero { padding-top: 4px; }
.hero-galeri {
  position: relative;
  width: min(100%, 960px);
  margin: 0 0 22px;
}
.hero-galeri-jendela { overflow: hidden; border-radius: 16px; border: 1px solid var(--batas); background: #eff7ef; box-shadow: var(--bayang-kecil); }
.hero-galeri-track { display: flex; width: 100%; transition: transform .45s ease; will-change: transform; }
.hero-galeri-track img { flex: 0 0 100%; width: 100%; aspect-ratio: 16 / 7; object-fit: cover; display: block; }
.hero-galeri-dots { margin-top: 10px; display: flex; align-items: center; justify-content: center; gap: 8px; }
.hero-galeri-dot {
  width: 8px; height: 8px; border-radius: 999px;
  border: 0;
  background: #cde7c8;
  transition: width .25s ease, background .25s ease, transform .25s ease;
}
.hero-galeri-dot.aktif { width: 24px; background: var(--hijau-600); transform: scale(1); }
.label-kecil { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 20px; color: var(--hijau-700); font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.label-kecil span { width: 30px; height: 1px; background: currentColor; }
.label-terang { color: #d9f99d; }
.salinan-hero h1 { max-width: 650px; margin: 0; color: var(--hijau-950); font-size: clamp(54px, 5.2vw, 78px); line-height: .99; letter-spacing: -.055em; font-weight: 700; }
.salinan-hero h1 em { color: var(--hijau-600); font-style: normal; position: relative; white-space: nowrap; }
.salinan-hero h1 em::after { content:""; position:absolute; height: 8px; border-radius:999px; left:0; right:0; bottom:3px; background: rgba(163,214,53,.4); z-index:-1; }
.teks-besar { max-width: 640px; margin: 28px 0 0; color: var(--abu-600); font-size: 18px; line-height: 1.72; }
.aksi-hero { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.catatan-android { display: flex; align-items: center; gap: 12px; margin-top: 24px; color: var(--abu-700); }
.catatan-android .ikon-bulat { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(22,163,74,.17); border-radius: 13px; color: var(--hijau-700); background: white; box-shadow: var(--bayang-kecil); }
.catatan-android span:last-child { display: flex; flex-direction: column; line-height: 1.3; }
.catatan-android strong { font-size: 12px; }
.catatan-android small { margin-top: 4px; color: var(--abu-500); font-size: 11px; }

.panggung-ponsel { position: relative; min-height: 650px; display: grid; place-items: center; isolation: isolate; }
.lingkaran-cahaya { position: absolute; z-index: -3; width: 530px; height: 530px; border-radius: 50%; background: radial-gradient(circle at 35% 28%, #e7f788, #9bd14e 38%, #44a854 68%, #0f6a35 100%); box-shadow: inset -40px -48px 90px rgba(5,46,22,.23), 0 48px 100px rgba(22,101,52,.18); }
.lingkaran-cahaya::after { content:""; position:absolute; inset:32px; border-radius:50%; border:1px solid rgba(255,255,255,.42); }
.simbol-besar { position: absolute; z-index: -1; width: 370px; filter: brightness(0) invert(1); opacity: .18; transform: rotate(-8deg); }
.orbit { position:absolute; z-index:-2; width:580px; height:250px; border:1px solid rgba(255,255,255,.5); border-radius:50%; transform:rotate(-16deg); }
.orbit-b { width: 520px; height: 180px; transform: rotate(22deg); border-style:dashed; opacity:.8; }
.orbit::before, .orbit::after { content:""; position:absolute; width:14px; height:14px; border-radius:50%; background:var(--hijau-limau-terang); box-shadow:0 0 20px rgba(215,238,99,.8); }
.orbit::before { left:8%; top:16%; }.orbit::after { right:10%; bottom:12%; }
.kartu-melayang { position: absolute; z-index: 8; display: flex; align-items: center; gap: 11px; min-width: 188px; padding: 12px 14px; background: rgba(255,255,255,.91); border:1px solid rgba(255,255,255,.8); border-radius: 16px; box-shadow: 0 20px 50px rgba(5,46,22,.18); backdrop-filter: blur(12px); animation: melayang 5s ease-in-out infinite; }
.kartu-melayang-kiri { left:-18px; top:38%; }.kartu-melayang-kanan { right:-28px; top:23%; animation-delay:-2.2s; }
.ikon-kartu { flex:0 0 auto; width:38px; height:38px; display:grid; place-items:center; border-radius:12px; color:var(--hijau-700); background:var(--hijau-50); }
.kartu-melayang span:last-child { display:flex; flex-direction:column; line-height:1.25; }
.kartu-melayang small { color:var(--abu-500); font-size:9px; }.kartu-melayang strong { margin-top:4px; color:var(--hijau-950); font-size:12px; }
@keyframes melayang { 0%,100% { transform:translateY(0) } 50% { transform:translateY(-12px) } }

.ponsel { position:relative; z-index:4; width: 326px; padding: 10px; border-radius: 46px; background: linear-gradient(145deg,#20352a,#07150d); box-shadow: 0 45px 95px rgba(5,46,22,.34), inset 0 0 0 1px rgba(255,255,255,.18); }
.bingkai-ponsel { position:relative; padding: 4px; border-radius: 38px; background:#020b06; }
.poni-ponsel { position:absolute; z-index:10; width:104px; height:24px; top:9px; left:50%; transform:translateX(-50%); border-radius:0 0 15px 15px; background:#020b06; }
.layar-ponsel { position:relative; height: 646px; overflow:hidden; border-radius:34px; background:#fbfdfb; color:var(--abu-900); }
.bar-status { height:35px; display:flex; align-items:center; justify-content:space-between; padding:0 18px; color:white; background:linear-gradient(135deg,#0a5b2e,#178346); font-size:9px; font-weight:700; }
.kepala-aplikasi { display:flex; align-items:center; justify-content:space-between; padding:15px 15px 8px; background:linear-gradient(135deg,#0a5b2e,#178346); color:white; }
.identitas-aplikasi { display:flex; align-items:center; gap:9px; }.identitas-aplikasi img { width:31px; filter:brightness(0) invert(1); opacity:.95; }.identitas-aplikasi div { display:flex; flex-direction:column; line-height:1.15; }.identitas-aplikasi small { opacity:.72; font-size:8px; }.identitas-aplikasi strong { margin-top:3px; font-size:11px; }
.kepala-aplikasi button { position:relative; width:32px; height:32px; border:1px solid rgba(255,255,255,.22); border-radius:10px; background:rgba(255,255,255,.1); color:white; }.kepala-aplikasi button svg{width:16px}.kepala-aplikasi button i{position:absolute;right:7px;top:6px;width:5px;height:5px;border-radius:50%;background:#d7ee63;}
.salam-aplikasi { padding: 11px 15px 14px; color:white; background:linear-gradient(135deg,#0a5b2e,#178346); }.salam-aplikasi small{font-size:9px;opacity:.76}.salam-aplikasi h3{margin:2px 0 0;font-size:15px;line-height:1.25;letter-spacing:-.02em}
.pencarian-aplikasi { margin:-7px 13px 0; height:38px; display:flex; align-items:center; gap:8px; padding:0 12px; border:1px solid rgba(20,83,45,.07); border-radius:12px; background:white; color:var(--abu-500); box-shadow:0 8px 18px rgba(5,46,22,.09); font-size:8.5px; }.pencarian-aplikasi svg{width:14px;color:var(--hijau-700)}
.ringkasan-aplikasi { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:12px 13px 8px; }.ringkasan-aplikasi>div{position:relative;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:9px;border:1px solid #e5eee7;border-radius:12px;background:white;}.ikon-ringkas{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--hijau-50);color:var(--hijau-700)}.ikon-ringkas svg{width:14px}.ringkasan-aplikasi small{font-size:7px;color:var(--abu-500)}.ringkasan-aplikasi strong{font-size:12px;color:var(--hijau-950)}
.judul-mini { display:flex;align-items:center;justify-content:space-between;padding:7px 14px 5px; }.judul-mini strong{font-size:9px}.judul-mini span{font-size:7px;color:var(--hijau-700);font-weight:700}
.menu-aplikasi { display:grid;grid-template-columns:repeat(3,1fr);gap:10px 7px;padding:7px 13px 9px; }.menu-aplikasi>div{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.menu-aplikasi span{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#effbea,#dff5df);color:var(--hijau-700);box-shadow:inset 0 0 0 1px rgba(22,163,74,.08)}.menu-aplikasi svg{width:18px}.menu-aplikasi small{font-size:7px;line-height:1.2;color:var(--abu-700)}
.spanduk-aplikasi { margin:8px 13px 0; min-height:90px; display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:14px;border-radius:15px;background:linear-gradient(135deg,#0b5f31,#1d934d);color:white;}.spanduk-aplikasi div{display:flex;flex-direction:column;max-width:68%;line-height:1.2}.spanduk-aplikasi small{font-size:7px;color:#d9f99d}.spanduk-aplikasi strong{margin-top:4px;font-size:10px}.spanduk-aplikasi span{display:flex;align-items:center;gap:3px;margin-top:7px;font-size:7px;font-weight:700}.spanduk-aplikasi span svg{width:9px}.spanduk-aplikasi img{width:72px;filter:brightness(0) invert(1);opacity:.3;transform:rotate(-10deg)}
.nav-aplikasi { position:absolute;left:0;right:0;bottom:0;height:59px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:5px 4px 4px;background:white;border-top:1px solid #e8efe9;box-shadow:0 -8px 20px rgba(15,23,42,.04)}.nav-aplikasi span{height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#9aa8a0}.nav-aplikasi svg{width:15px}.nav-aplikasi small{font-size:6px}.nav-aplikasi .aktif{color:var(--hijau-700)}

.jalur-manfaat { position:relative; z-index:4; display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:56px;padding:20px 0;border-top:1px solid rgba(20,83,45,.1);border-bottom:1px solid rgba(20,83,45,.1);background:rgba(255,255,255,.55);backdrop-filter:blur(10px) }
.jalur-manfaat>div{display:flex;align-items:center;justify-content:center;gap:12px;padding:5px 22px;border-right:1px solid rgba(20,83,45,.1)}.jalur-manfaat>div:last-child{border-right:0}.jalur-manfaat svg{width:25px;height:25px;color:var(--hijau-600)}.jalur-manfaat span{display:flex;flex-direction:column;line-height:1.25}.jalur-manfaat strong{font-size:12px;color:var(--hijau-950)}.jalur-manfaat small{margin-top:4px;font-size:9px;color:var(--abu-500)}

/* Kepala bagian */
.kepala-bagian { margin-bottom: 54px; }
.kepala-bagian h2 { margin:0; color:var(--hijau-950); font-size:clamp(38px,4vw,56px); line-height:1.08; letter-spacing:-.045em; }
.kepala-bagian p { max-width:650px; margin:20px 0 0; color:var(--abu-500); font-size:16px; line-height:1.75; }
.rata-tengah { text-align:center; }.rata-tengah p{margin-inline:auto}.rata-tengah .label-kecil{justify-content:center}
.kepala-dua-kolom { display:grid; grid-template-columns:1.25fr .75fr; gap:80px; align-items:end; }.kepala-dua-kolom p{margin:0}.kepala-dua-kolom h2{color:white}

/* Keuntungan */
.keuntungan { background:white; }
.kisi-keuntungan { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.kartu-keuntungan { position:relative; min-height:350px; padding:34px; overflow:hidden; border:1px solid var(--batas); border-radius:var(--radius-besar); background:linear-gradient(160deg,#fff 0%,#fbfefb 100%); box-shadow:var(--bayang-kecil); }
.kartu-keuntungan::before { content:""; position:absolute; width:180px;height:180px;right:-70px;top:-70px;border-radius:50%;background:radial-gradient(circle,rgba(163,214,53,.24),transparent 70%); }
.kartu-keuntungan.unggulan { color:white; background:linear-gradient(135deg,#0c5b2f,#188846); border-color:transparent; box-shadow:0 28px 65px rgba(20,83,45,.23); }
.kartu-keuntungan.unggulan::before { width:310px;height:310px;right:-130px;top:-140px;background:radial-gradient(circle,rgba(215,238,99,.36),transparent 68%); }
.nomor-kartu { position:absolute;right:30px;top:24px;color:rgba(20,83,45,.16);font-size:50px;font-weight:900;letter-spacing:-.06em }.unggulan .nomor-kartu{color:rgba(255,255,255,.15)}
.ikon-fitur { width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:var(--hijau-50);color:var(--hijau-700);border:1px solid rgba(22,163,74,.1) }.ikon-fitur svg{width:25px;height:25px}.unggulan .ikon-fitur{background:rgba(255,255,255,.13);color:#d9f99d;border-color:rgba(255,255,255,.15)}
.kartu-keuntungan h3 { max-width:390px;margin:24px 0 12px;color:var(--hijau-950);font-size:26px;line-height:1.15;letter-spacing:-.035em }.unggulan h3{color:white}.kartu-keuntungan p{max-width:510px;margin:0;color:var(--abu-500);font-size:14px;line-height:1.75}.unggulan p{color:rgba(255,255,255,.74)}
.mini-alur { position:absolute;left:34px;right:34px;bottom:34px;display:flex;align-items:center;justify-content:space-between;color:#d9f99d;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mini-alur i{flex:1;height:1px;margin:0 8px;background:rgba(255,255,255,.25)}
.chip-kartu { position:absolute;left:34px;bottom:34px;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:var(--hijau-50);color:var(--hijau-700);font-size:11px;font-weight:750}.chip-kartu svg{width:15px}
.status-proses { position:absolute;left:34px;right:34px;bottom:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.status-proses span{position:relative;text-align:center;padding:10px;border-radius:10px;background:#f1f5f9;color:#94a3b8;font-size:10px;font-weight:700}.status-proses span::after{content:"";position:absolute;width:8px;height:8px;right:-8px;top:50%;transform:translateY(-50%);background:#e2e8f0}.status-proses span:last-child::after{display:none}.status-proses .selesai{background:#dcfce7;color:#166534}.status-proses .aktif{background:#ecfccb;color:#3f6212}
.avatar-mitra { position:absolute;left:34px;bottom:34px;display:flex;align-items:center}.avatar-mitra>span{width:34px;height:34px;display:grid;place-items:center;margin-right:-8px;border:3px solid white;border-radius:50%;background:var(--hijau-100);color:var(--hijau-800);font-size:10px;font-weight:800}.avatar-mitra>span:nth-child(2){background:#ecfccb}.avatar-mitra>span:nth-child(3){background:#e0f2fe;color:#075985}.avatar-mitra>span:nth-child(4){background:#fef3c7;color:#92400e}.avatar-mitra small{margin-left:18px;color:var(--abu-500);font-size:10px}

/* Fitur */
.fitur { color:white; background:
  radial-gradient(circle at 86% 10%,rgba(163,214,53,.16),transparent 25%),
  linear-gradient(145deg,#052e16 0%,#0e5a31 58%,#126d38 100%); overflow:hidden; }
.fitur::before { content:"";position:absolute;inset:0;opacity:.08;background-image:radial-gradient(circle at center,#fff 1px,transparent 1px);background-size:28px 28px; }
.fitur .wadah{position:relative;z-index:2}
.kisi-fitur { display:grid;grid-template-columns:repeat(3,1fr);gap:18px; }
.kartu-fitur { min-height:270px;display:flex;flex-direction:column;padding:28px;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(12px);transition:transform .25s ease,background .25s ease}.kartu-fitur:hover{transform:translateY(-5px);background:rgba(255,255,255,.1)}
.kartu-fitur-besar { grid-row:span 2; min-height:558px; background:white; color:var(--abu-900); border-color:white; box-shadow:0 30px 70px rgba(0,0,0,.2); }
.atas-kartu-fitur{display:flex;align-items:center;justify-content:space-between;gap:15px}.kartu-fitur .ikon-fitur{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.12);color:#d9f99d}.kartu-fitur-besar .ikon-fitur{background:var(--hijau-50);color:var(--hijau-700);border-color:rgba(22,163,74,.1)}
.label-status{padding:6px 10px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:#d9f99d;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.kartu-fitur-besar .label-status{border-color:var(--batas);background:var(--hijau-50);color:var(--hijau-700)}
.kartu-fitur h3{margin:22px 0 10px;color:white;font-size:22px;line-height:1.2;letter-spacing:-.03em}.kartu-fitur-besar h3{color:var(--hijau-950);font-size:29px}.kartu-fitur p{margin:0;color:rgba(255,255,255,.66);font-size:13px;line-height:1.7}.kartu-fitur-besar p{color:var(--abu-500)}
.kartu-fitur a{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:20px;color:#d9f99d;font-size:11px;font-weight:800}.kartu-fitur a svg{width:14px}.kartu-fitur ul{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:10px}.kartu-fitur li{position:relative;padding-left:20px;color:var(--abu-700);font-size:11px}.kartu-fitur li::before{content:"✓";position:absolute;left:0;color:var(--hijau-600);font-weight:900}
.gambar-kartu-ui{margin-top:auto;padding:16px;border:1px solid var(--batas);border-radius:18px;background:#f8fbf8}.pencarian-palsu{height:34px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #e3ece5;border-radius:10px;background:white;color:#94a3b8;font-size:8px}.pencarian-palsu svg{width:13px;color:var(--hijau-700)}.produk-palsu{display:grid;grid-template-columns:50px 1fr;gap:10px;margin-top:10px;padding:8px;border-radius:12px;background:white;box-shadow:0 5px 14px rgba(20,83,45,.05)}.produk-palsu>span{border-radius:8px;background:linear-gradient(135deg,#dff4dd,#8bcf69)}.produk-palsu div{display:flex;flex-direction:column;line-height:1.25}.produk-palsu b{font-size:8px}.produk-palsu small{margin-top:3px;color:#94a3b8;font-size:7px}.produk-palsu strong{margin-top:6px;color:var(--hijau-700);font-size:8px}
.kartu-ai-mini{background:linear-gradient(145deg,rgba(163,214,53,.18),rgba(255,255,255,.06))}.gelembung-mini{margin-top:auto;display:flex;align-items:center;gap:9px;padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.08)}.gelembung-mini span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#d9f99d;color:var(--hijau-950);font-size:9px;font-weight:900}.gelembung-mini p{font-size:9px;color:white}
.catatan-fitur{margin:22px 0 0;text-align:right;color:rgba(255,255,255,.55);font-size:10px}

/* Cara kerja */
.cara-kerja { background:linear-gradient(180deg,#fff,#f7fcf7); }
.alur-empat { position:relative;display:grid;grid-template-columns:1fr 64px 1fr 64px 1fr 64px 1fr;align-items:start;gap:0;margin-top:18px }
.alur-empat article{position:relative;text-align:center;padding:0 8px}.angka-langkah{position:absolute;top:-5px;right:calc(50% - 45px);width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--hijau-limau-terang);color:var(--hijau-950);font-size:9px;font-weight:900;box-shadow:0 0 0 5px white}.ikon-langkah{width:78px;height:78px;display:grid;place-items:center;margin:0 auto 22px;border:1px solid var(--batas);border-radius:24px;background:white;color:var(--hijau-700);box-shadow:var(--bayang-kecil)}.ikon-langkah svg{width:29px;height:29px}.alur-empat h3{margin:0;color:var(--hijau-950);font-size:18px;letter-spacing:-.025em}.alur-empat p{margin:10px auto 0;max-width:230px;color:var(--abu-500);font-size:12px;line-height:1.65}.garis-langkah{height:78px;display:flex;align-items:center;justify-content:center;color:var(--hijau-400)}.garis-langkah::before{content:"";width:42px;height:1px;background:linear-gradient(90deg,var(--hijau-100),var(--hijau-500))}.garis-langkah svg{width:17px;margin-left:-3px}

/* Pratinjau */
.pratinjau { background:#f4faf4; overflow:hidden; }
.pratinjau::before { content:"";position:absolute;right:-200px;top:100px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(163,214,53,.2),transparent 68%); }
.kisi-pratinjau{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px}.panel-pratinjau-teks h2{margin:0;color:var(--hijau-950);font-size:clamp(40px,4.2vw,58px);line-height:1.06;letter-spacing:-.05em}.panel-pratinjau-teks>p{margin:20px 0 28px;color:var(--abu-500);font-size:15px;line-height:1.75}
.tab-pratinjau{display:grid;gap:9px}.tab-pratinjau button{position:relative;width:100%;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:13px;padding:14px 18px;border:1px solid var(--batas);border-radius:16px;background:rgba(255,255,255,.74);color:var(--abu-700);text-align:left;transition:.2s ease}.tab-pratinjau button:hover{background:white;border-color:rgba(22,163,74,.28)}.tab-pratinjau button>span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#eef5ef;color:var(--hijau-700);font-size:9px;font-weight:900}.tab-pratinjau b{font-size:13px}.tab-pratinjau small{margin-top:2px;color:var(--abu-500);font-size:10px}.tab-pratinjau button.aktif{padding-left:21px;border-color:rgba(22,163,74,.2);background:white;box-shadow:0 15px 35px rgba(20,83,45,.09)}.tab-pratinjau button.aktif::before{content:"";position:absolute;left:-1px;top:12px;bottom:12px;width:4px;border-radius:0 4px 4px 0;background:var(--hijau-600)}.tab-pratinjau button.aktif>span{background:var(--hijau-100);color:var(--hijau-800)}
.panggung-pratinjau{position:relative;min-height:720px;display:grid;place-items:center}.cincin-pratinjau{position:absolute;width:590px;height:590px;border-radius:50%;background:linear-gradient(145deg,#dff6c7,#8acb56 60%,#2f914d);box-shadow:inset -40px -60px 100px rgba(5,46,22,.18),0 40px 90px rgba(20,83,45,.16)}.cincin-pratinjau::before,.cincin-pratinjau::after{content:"";position:absolute;inset:55px;border:1px solid rgba(255,255,255,.45);border-radius:50%;transform:rotate(20deg)}.cincin-pratinjau::after{inset:110px;border-style:dashed;transform:rotate(-20deg)}
.kartu-konteks{position:absolute;z-index:8;right:-2px;top:20%;max-width:250px;display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid rgba(255,255,255,.8);border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 20px 50px rgba(5,46,22,.17);backdrop-filter:blur(10px)}.kartu-konteks div{display:flex;flex-direction:column;line-height:1.25}.kartu-konteks small{font-size:8px;color:var(--abu-500)}.kartu-konteks strong{margin-top:3px;font-size:10px;color:var(--hijau-950)}
.ponsel-pratinjau{width:340px}.ponsel-pratinjau .layar-ponsel{height:675px;background:#f8faf8}.bar-status-terang{color:var(--hijau-950);background:white;border-bottom:1px solid #edf2ee}.layar-pratinjau{position:relative}.layar-tab{position:absolute;inset:35px 0 55px;display:none;padding-bottom:16px;overflow:hidden;background:#f8faf8}.layar-tab.aktif{display:block;animation:masukLayar .35s ease}@keyframes masukLayar{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
.kepala-layar-tab{height:63px;display:flex;align-items:center;gap:9px;padding:10px 15px;background:white;border-bottom:1px solid #edf2ee}.kepala-layar-tab img{width:31px}.kepala-layar-tab span{display:flex;flex:1;flex-direction:column;line-height:1.1}.kepala-layar-tab small{font-size:7px;color:#94a3b8}.kepala-layar-tab strong{margin-top:4px;font-size:10px}.kepala-layar-tab>svg{width:16px;color:var(--hijau-700)}
.kotak-cari-tab{height:36px;display:flex;align-items:center;gap:8px;margin:11px 14px;padding:0 11px;border:1px solid #e1ebe3;border-radius:11px;background:white;color:#94a3b8;font-size:8px}.kotak-cari-tab svg{width:13px;color:var(--hijau-700)}
.kartu-saldo-tab{margin:0 14px;padding:13px;border-radius:15px;background:linear-gradient(135deg,#0b5f31,#1c954d);color:white}.kartu-saldo-tab>small{font-size:7px;color:#d9f99d}.kartu-saldo-tab>div{display:grid;grid-template-columns:1fr 1fr;margin-top:9px}.kartu-saldo-tab span{display:flex;flex-direction:column}.kartu-saldo-tab span+span{padding-left:14px;border-left:1px solid rgba(255,255,255,.2)}.kartu-saldo-tab b{font-size:16px}.kartu-saldo-tab i{margin-top:2px;font-size:7px;font-style:normal;opacity:.72}
.judul-mini-tab{display:flex;justify-content:space-between;align-items:center;padding:13px 14px 7px}.judul-mini-tab b{font-size:9px}.judul-mini-tab small{font-size:7px;color:var(--hijau-700)}
.grid-tab-enam{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 4px;padding:0 13px}.grid-tab-enam span{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.grid-tab-enam i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e7f7e7;color:var(--hijau-700);font-style:normal}.grid-tab-enam svg{width:17px}.grid-tab-enam small{font-size:6.5px;color:var(--abu-700)}
.promo-tab{display:flex;align-items:center;justify-content:space-between;margin:14px;padding:13px;border-radius:14px;background:#ecfccb;color:var(--hijau-950)}.promo-tab div{display:flex;flex-direction:column;max-width:77%;line-height:1.2}.promo-tab small{font-size:7px;color:var(--hijau-700)}.promo-tab b{margin-top:4px;font-size:9px}.promo-tab>svg{width:26px;color:var(--hijau-700)}
.judul-layar-tab{height:58px;display:grid;grid-template-columns:35px 1fr 35px;align-items:center;padding:0 12px;background:white;border-bottom:1px solid #e9f0eb;text-align:center}.judul-layar-tab b{font-size:11px}.judul-layar-tab span{display:grid;place-items:center;font-size:18px;color:var(--hijau-800)}.judul-layar-tab span svg{width:15px}.tombol-kembali{width:30px;height:30px;border-radius:9px;background:#f1f6f2}
.hero-layar-kawasan{margin:12px 13px;padding:15px;border-radius:15px;background:linear-gradient(135deg,#0c5e32,#1e934d);color:white}.hero-layar-kawasan small{color:#d9f99d;font-size:7px}.hero-layar-kawasan b{display:block;margin-top:3px;font-size:12px;line-height:1.2}.hero-layar-kawasan p{margin:6px 0 0;font-size:7px;opacity:.75;line-height:1.4}
.segmen-tab{display:grid;grid-template-columns:repeat(3,1fr);margin:0 13px;padding:3px;border-radius:10px;background:#e8efe9}.segmen-tab span{padding:7px;text-align:center;border-radius:8px;color:#7a8d80;font-size:7px;font-weight:750}.segmen-tab .aktif{background:white;color:var(--hijau-700);box-shadow:0 3px 9px rgba(20,83,45,.08)}
.daftar-layanan-tab{display:grid;gap:8px;padding:12px 13px}.daftar-layanan-tab>div{display:grid;grid-template-columns:38px 1fr 16px;align-items:center;gap:9px;padding:10px;border:1px solid #e2ebe4;border-radius:13px;background:white}.daftar-layanan-tab i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--hijau-50);color:var(--hijau-700)}.daftar-layanan-tab i svg{width:15px}.daftar-layanan-tab span{display:flex;flex-direction:column;line-height:1.2}.daftar-layanan-tab b{font-size:8px}.daftar-layanan-tab small{margin-top:4px;color:#94a3b8;font-size:6px}.daftar-layanan-tab em{color:#94a3b8;font-style:normal}
.gambar-properti-tab{position:relative;height:180px;margin:12px 14px;border-radius:16px;overflow:hidden;background:linear-gradient(#dff4f7 0 55%,#c6e8ab 55%)}.gambar-properti-tab::before{content:"";position:absolute;left:0;right:0;bottom:38px;height:34px;background:linear-gradient(160deg,transparent 50%,rgba(31,112,50,.2) 51%)}.gedung-a,.gedung-b{position:absolute;bottom:39px;width:52px;background:linear-gradient(90deg,#76a6a6,#c6dddd);border:2px solid rgba(255,255,255,.5)}.gedung-a{height:94px;right:37px}.gedung-b{height:70px;right:85px}.gedung-a::after,.gedung-b::after{content:"";position:absolute;inset:8px;background:repeating-linear-gradient(0deg,transparent 0 10px,rgba(255,255,255,.35) 11px 12px),repeating-linear-gradient(90deg,transparent 0 9px,rgba(255,255,255,.35) 10px 11px)}.rumah-tab{position:absolute;bottom:34px;left:28px;width:105px;height:58px;background:#fff;border-radius:4px;box-shadow:0 6px 12px rgba(20,83,45,.14)}.rumah-tab::before{content:"";position:absolute;left:-10px;top:-34px;border-left:62px solid transparent;border-right:62px solid transparent;border-bottom:44px solid #166534}.rumah-tab::after{content:"";position:absolute;left:44px;bottom:0;width:25px;height:38px;background:#cde3ce}.gambar-properti-tab span{position:absolute;left:12px;top:12px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.85);color:var(--hijau-800);font-size:7px;font-weight:800}
.detail-properti-tab{padding:0 15px}.detail-properti-tab small{color:var(--hijau-700);font-size:7px;font-weight:750}.detail-properti-tab h4{margin:3px 0 4px;font-size:12px;line-height:1.25}.detail-properti-tab p{display:flex;align-items:center;gap:4px;margin:0;color:#94a3b8;font-size:7px}.detail-properti-tab p svg{width:10px}.detail-properti-tab strong{display:block;margin-top:6px;color:var(--hijau-700);font-size:10px}
.alur-kpr-tab{display:flex;align-items:center;justify-content:center;margin:13px 14px 10px}.alur-kpr-tab span{font-size:6px;color:#94a3b8}.alur-kpr-tab span.aktif{color:var(--hijau-700);font-weight:800}.alur-kpr-tab i{width:15px;height:1px;margin:0 4px;background:#cbd5e1}.tombol-layar-tab{display:block;width:calc(100% - 28px);height:37px;margin:0 14px;border:0;border-radius:11px;background:var(--hijau-700);color:white;font-size:8px;font-weight:800}
.kartu-dompet-tab{margin:12px 14px;padding:17px;border-radius:17px;background:linear-gradient(135deg,#083e21,#178346);color:white;box-shadow:0 12px 24px rgba(20,83,45,.18)}.kartu-dompet-tab>small{font-size:7px;color:#d9f99d}.kartu-dompet-tab>strong{display:block;margin-top:3px;font-size:19px;letter-spacing:-.03em}.kartu-dompet-tab>span{display:flex;align-items:end;justify-content:space-between;margin-top:20px}.kartu-dompet-tab i{font-size:7px;font-style:normal;opacity:.7}.kartu-dompet-tab img{width:56px;filter:brightness(0) invert(1);opacity:.32}
.aksi-dompet-tab{display:grid;grid-template-columns:repeat(3,1fr);padding:4px 16px 6px}.aksi-dompet-tab span{display:flex;flex-direction:column;align-items:center;gap:5px}.aksi-dompet-tab i{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:white;color:var(--hijau-700);box-shadow:0 5px 15px rgba(20,83,45,.08)}.aksi-dompet-tab svg{width:15px}.aksi-dompet-tab small{font-size:7px}
.riwayat-tab{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;margin:0 14px 8px;padding:9px;border:1px solid #e3ebe5;border-radius:12px;background:white}.riwayat-tab>i{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--hijau-50);color:var(--hijau-700)}.riwayat-tab>i svg{width:14px}.riwayat-tab span{display:flex;flex-direction:column;line-height:1.2}.riwayat-tab b{font-size:8px}.riwayat-tab small{margin-top:3px;color:#94a3b8;font-size:6px}.riwayat-tab>strong{font-size:8px;color:#b91c1c}.riwayat-tab>strong.masuk{color:var(--hijau-700)}.catatan-dompet{margin:12px 16px;color:#94a3b8;font-size:6px;line-height:1.45;text-align:center}
.titik-online{width:8px!important;height:8px!important;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #dcfce7}.kepala-ai-tab{margin:12px 14px;padding:14px;border-radius:15px;background:linear-gradient(135deg,#0c5e32,#1e934d);color:white}.kepala-ai-tab>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.14);color:#d9f99d}.kepala-ai-tab b{display:block;margin-top:9px;font-size:11px}.kepala-ai-tab p{margin:5px 0 0;color:rgba(255,255,255,.72);font-size:7px;line-height:1.5}.chip-ai-tab{display:flex;flex-wrap:wrap;gap:5px;padding:0 14px}.chip-ai-tab span{padding:7px 8px;border:1px solid #dce9df;border-radius:999px;background:white;color:var(--hijau-800);font-size:6px}.percakapan-ai{display:grid;gap:8px;padding:13px 14px}.percakapan-ai .pengguna{justify-self:end;max-width:78%;padding:9px 10px;border-radius:12px 12px 3px 12px;background:var(--hijau-700);color:white;font-size:7px}.percakapan-ai .ai{display:grid;grid-template-columns:25px 1fr;gap:7px;align-items:start}.percakapan-ai .ai>span{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#d9f99d;color:var(--hijau-950);font-size:7px;font-weight:900}.percakapan-ai .ai p{margin:0;padding:9px 10px;border:1px solid #e1ebe3;border-radius:3px 12px 12px 12px;background:white;font-size:7px;line-height:1.45}.input-ai-tab{position:absolute;left:13px;right:13px;bottom:12px;height:38px;display:flex;align-items:center;justify-content:space-between;padding-left:12px;border:1px solid #dce8df;border-radius:12px;background:white;color:#94a3b8;font-size:7px}.input-ai-tab button{width:30px;height:30px;margin-right:3px;border:0;border-radius:9px;background:var(--hijau-700);color:white}.input-ai-tab button svg{width:13px}
.nav-pratinjau{position:absolute;left:0;right:0;bottom:0;height:55px;display:grid;grid-template-columns:repeat(5,1fr);background:white;border-top:1px solid #e5ece7}.nav-pratinjau span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#9aa7a0}.nav-pratinjau svg{width:14px}.nav-pratinjau small{font-size:5.8px}.nav-pratinjau .aktif{color:var(--hijau-700)}

/* AI Nova */
.bagian-ai { background:white; }
.kisi-ai { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px; }
.kartu-chat-besar{overflow:hidden;border:1px solid var(--batas);border-radius:28px;background:#f8fbf8;box-shadow:var(--bayang-sedang)}.kepala-chat{display:flex;align-items:center;gap:12px;padding:19px 22px;background:white;border-bottom:1px solid #e5ede7}.kepala-chat>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#d9f99d,#8fd05f);color:var(--hijau-900)}.kepala-chat>div{display:flex;flex:1;flex-direction:column;line-height:1.2}.kepala-chat b{font-size:13px}.kepala-chat small{margin-top:4px;color:var(--abu-500);font-size:9px}.kepala-chat>i{padding:5px 9px;border-radius:999px;background:#dcfce7;color:#15803d;font-size:8px;font-style:normal;font-weight:800}.isi-chat{min-height:330px;display:flex;flex-direction:column;gap:16px;padding:27px;background:radial-gradient(circle at 20% 20%,rgba(163,214,53,.12),transparent 35%)}.pesan{max-width:78%;font-size:12px;line-height:1.55}.pesan p{margin:0}.pesan-ai{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}.pesan-ai>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#d9f99d;color:var(--hijau-950);font-size:9px;font-weight:900}.pesan-ai p{padding:12px 14px;border:1px solid var(--batas);border-radius:4px 15px 15px 15px;background:white}.pesan-pengguna{align-self:flex-end;padding:13px 15px;border-radius:15px 15px 4px 15px;background:var(--hijau-700);color:white}.masukan-chat{height:67px;display:flex;align-items:center;justify-content:space-between;padding:0 13px 0 22px;border-top:1px solid #e5ede7;background:white;color:var(--abu-500);font-size:11px}.masukan-chat button{width:42px;height:42px;border:0;border-radius:13px;background:var(--hijau-700);color:white}.masukan-chat button svg{width:17px}
.salinan-ai h2{margin:0;color:var(--hijau-950);font-size:clamp(40px,4.2vw,58px);line-height:1.06;letter-spacing:-.05em}.salinan-ai>p{margin:22px 0 0;color:var(--abu-500);font-size:15px;line-height:1.8}.daftar-centang{display:grid;gap:14px;margin:28px 0 0;padding:0;list-style:none}.daftar-centang li{display:flex;align-items:center;gap:12px;color:var(--abu-700);font-size:13px}.daftar-centang span{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:var(--hijau-50);color:var(--hijau-700)}.daftar-centang svg{width:13px}

/* Mitra */
.mitra { padding-top:30px;background:white; }
.panel-mitra{position:relative;min-height:520px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;overflow:hidden;padding:70px;border-radius:36px;background:
 radial-gradient(circle at 80% 30%,rgba(215,238,99,.2),transparent 30%),linear-gradient(135deg,#052e16,#0e6736 68%,#168449);color:white;box-shadow:0 30px 80px rgba(20,83,45,.2)}
.panel-mitra::before{content:"";position:absolute;inset:0;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);background-size:44px 44px}.salinan-mitra{position:relative;z-index:2}.salinan-mitra h2{max-width:620px;margin:0;color:white;font-size:clamp(42px,4.3vw,60px);line-height:1.03;letter-spacing:-.05em}.salinan-mitra p{max-width:620px;margin:20px 0 28px;color:rgba(255,255,255,.7);font-size:14px;line-height:1.8}
.jaringan-mitra{position:relative;z-index:2;height:390px}.inti-mitra{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.1);box-shadow:0 0 0 38px rgba(255,255,255,.04),0 0 0 78px rgba(255,255,255,.03);backdrop-filter:blur(10px)}.inti-mitra img{width:85px;filter:brightness(0) invert(1);opacity:.7}.inti-mitra strong{margin-top:-25px;font-size:10px;letter-spacing:.25em}.node{position:absolute;width:74px;height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.24);border-radius:22px;background:rgba(255,255,255,.1);color:#d9f99d;box-shadow:0 14px 30px rgba(0,0,0,.12);backdrop-filter:blur(9px)}.node svg{width:22px}.node small{font-size:7px;color:white}.node-1{left:4%;top:15%}.node-2{right:3%;top:10%}.node-3{left:0;bottom:9%}.node-4{right:-1%;bottom:12%}.node-5{left:41%;top:0}.node-6{left:43%;bottom:0}.jalur{position:absolute;left:50%;top:50%;width:260px;height:1px;background:linear-gradient(90deg,transparent,rgba(215,238,99,.4),transparent);transform-origin:center}.node-jalur-1{transform:translate(-50%,-50%) rotate(18deg)}.node-jalur-2{transform:translate(-50%,-50%) rotate(-22deg)}.node-jalur-3{transform:translate(-50%,-50%) rotate(90deg)}

/* Unduh */
.unduh{background:linear-gradient(180deg,#fff,#f8fcf8)}
.panel-unduh{position:relative;min-height:500px;display:grid;grid-template-columns:1fr 210px 270px;align-items:center;gap:42px;overflow:hidden;padding:64px 64px 58px;border-radius:36px;background:linear-gradient(135deg,#0a4d28,#168449);color:white;box-shadow:0 32px 80px rgba(20,83,45,.2)}.panel-unduh::before{content:"";position:absolute;right:-120px;top:-180px;width:600px;height:600px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02)}.hiasan-unduh{position:absolute;left:-130px;bottom:-210px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(163,214,53,.22),transparent 67%)}.salinan-unduh{position:relative;z-index:2}.salinan-unduh h2{max-width:650px;margin:0;color:white;font-size:clamp(44px,4.5vw,64px);line-height:1.02;letter-spacing:-.055em}.salinan-unduh>p{max-width:610px;margin:20px 0 28px;color:rgba(255,255,255,.7);font-size:14px;line-height:1.75}.aksi-unduh{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.lencana-google{height:62px;display:flex;align-items:center;gap:12px;padding:0 18px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:#06170d;box-shadow:0 14px 30px rgba(0,0,0,.2);transition:transform .2s ease}.lencana-google:hover{transform:translateY(-2px)}.lencana-google>span:last-child{display:flex;flex-direction:column;line-height:1}.lencana-google small{font-size:7px;letter-spacing:.1em}.lencana-google strong{margin-top:5px;font-size:19px}.segitiga-play{position:relative;width:30px;height:32px}.segitiga-play i,.segitiga-play b,.segitiga-play em{position:absolute;display:block;clip-path:polygon(0 0,100% 50%,0 100%)}.segitiga-play i{inset:0;background:#34a853}.segitiga-play b{left:7px;top:4px;width:23px;height:12px;background:#fbbc04;transform:rotate(24deg)}.segitiga-play em{left:7px;bottom:4px;width:23px;height:12px;background:#ea4335;transform:rotate(-24deg)}.teks-pindai{display:flex;align-items:center;gap:10px}.teks-pindai>svg{width:24px;color:#d9f99d}.teks-pindai>span{display:flex;flex-direction:column;line-height:1.25}.teks-pindai b{font-size:10px}.teks-pindai small{margin-top:4px;color:rgba(255,255,255,.58);font-size:8px}
.kotak-qr{position:relative;z-index:2;padding:14px;border-radius:20px;background:white;color:var(--hijau-950);box-shadow:0 20px 45px rgba(0,0,0,.22);text-align:center}.kotak-qr img{width:180px;border-radius:10px}.kotak-qr span{display:flex;flex-direction:column;margin-top:9px;line-height:1.25}.kotak-qr strong{font-size:9px}.kotak-qr small{margin-top:3px;color:var(--abu-500);font-size:7px}
.ponsel-unduh{position:relative;z-index:2;align-self:end;height:400px}.ponsel-mini{position:absolute;right:-22px;bottom:-116px;width:250px;padding:9px;border-radius:39px;background:#07130c;transform:rotate(7deg);box-shadow:0 35px 70px rgba(0,0,0,.3)}.layar-mini{height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:31px;background:radial-gradient(circle at 50% 30%,#dff5a5,#80c65a 40%,#126d38 100%);text-align:center;color:white}.layar-mini img{width:130px;filter:brightness(0) invert(1);opacity:.65}.layar-mini b{margin-top:25px;font-size:20px;line-height:1.15;letter-spacing:-.04em}.layar-mini span{margin-top:20px;padding:10px 18px;border-radius:999px;background:white;color:var(--hijau-900);font-size:9px;font-weight:800}



/* Berita Nova */
.berita {
  overflow: hidden;
  background:
    radial-gradient(circle at 10% 20%, rgba(163,214,53,.16), transparent 26%),
    radial-gradient(circle at 92% 18%, rgba(22,163,74,.12), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f6fbf6 100%);
}
.berita::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .34;
  background-image: linear-gradient(rgba(20,83,45,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(20,83,45,.035) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, transparent 0, black 18%, black 82%, transparent 100%);
}
.berita .wadah { position: relative; z-index: 2; }
.kepala-berita {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(320px, .72fr);
  gap: 64px;
  align-items: end;
}
.kepala-berita p { margin: 0; }
.panel-berita-utama {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(260px, .6fr);
  gap: 20px;
  margin-bottom: 28px;
}
.berita-utama {
  position: relative;
  min-height: 330px;
  display: grid;
  grid-template-columns: minmax(240px, .72fr) minmax(0, 1fr);
  gap: 28px;
  overflow: hidden;
  padding: 28px;
  border: 1px solid rgba(20,83,45,.11);
  border-radius: 30px;
  background: rgba(255,255,255,.86);
  box-shadow: var(--bayang-sedang);
  backdrop-filter: blur(12px);
}
.label-berita {
  position: absolute;
  left: 28px;
  top: 28px;
  z-index: 3;
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 0 11px;
  border-radius: 999px;
  background: var(--hijau-900);
  color: white;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.visual-berita {
  position: relative;
  min-height: 180px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(20,83,45,.1);
  border-radius: 23px;
  background: linear-gradient(145deg, #eaffd6, #f8fdf7 48%, #dff5df);
  color: var(--hijau-700);
}
.visual-berita-gambar {
  position: relative;
  width: 100%;
  background: transparent;
  aspect-ratio: 16 / 9;
}
.visual-berita::before,
.visual-berita::after { display: none; }
.visual-berita-gambar svg { display: none; }
.visual-berita-gambar img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
}
.visual-berita-utama {
  position: relative;
  min-height: 274px;
  aspect-ratio: 16 / 9;
  background: radial-gradient(circle at 32% 28%, #f1ffbf, #b9df65 42%, #259a4c 100%);
  color: white;
  overflow: hidden;
  padding: 0;
}
.visual-berita-utama::before,
.visual-berita-utama::after {
  display: block;
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(22,163,74,.16);
  content: "";
  pointer-events: none;
}
.visual-berita-utama::before {
  width: 230px;
  height: 110px;
  transform: rotate(-18deg);
}
.visual-berita-utama::after {
  width: 190px;
  height: 86px;
  transform: rotate(24deg);
  border-style: dashed;
}
.visual-berita-gambar.visual-berita-utama img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.ikon-berita-besar {
  position: absolute;
  right: 24px;
  bottom: 22px;
  z-index: 3;
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: rgba(255,255,255,.18);
  color: white;
  backdrop-filter: blur(8px);
}
.ikon-berita-besar svg { width: 27px; height: 27px; }
.isi-berita-utama { align-self: center; }
.isi-berita-utama small { color: var(--hijau-700); font-size: 10px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.isi-berita-utama h3 { max-width: 620px; margin: 10px 0 12px; color: var(--hijau-950); font-size: clamp(28px, 2.8vw, 40px); line-height: 1.08; letter-spacing: -.045em; }
.isi-berita-utama p { max-width: 620px; margin: 0 0 22px; color: var(--abu-500); font-size: 14px; line-height: 1.75; }
.ringkasan-berita {
  display: grid;
  gap: 12px;
}
.ringkasan-berita span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 102px;
  padding: 18px;
  border: 1px solid var(--batas);
  border-radius: 20px;
  background: rgba(255,255,255,.8);
  box-shadow: var(--bayang-kecil);
}
.ringkasan-berita b { color: var(--hijau-950); font-size: 13px; }
.ringkasan-berita small { margin-top: 5px; color: var(--abu-500); font-size: 10px; line-height: 1.45; }
.bar-berita {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 8px 0 18px;
}
.tab-berita {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.tab-berita button {
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid var(--batas);
  border-radius: 999px;
  background: rgba(255,255,255,.8);
  color: var(--abu-600);
  font-size: 11px;
  font-weight: 750;
}
.tab-berita button.aktif {
  border-color: rgba(22,163,74,.28);
  background: var(--hijau-900);
  color: white;
}
.tautan-lihat-semua,
.kartu-berita a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--hijau-700);
  font-size: 11px;
  font-weight: 850;
}
.tautan-lihat-semua svg,
.kartu-berita a svg { width: 14px; }
.kisi-berita {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.kartu-berita {
  display: flex;
  flex-direction: column;
  min-height: 420px;
  padding: 16px 16px 20px;
  border: 1px solid var(--batas);
  border-radius: 26px;
  background: rgba(255,255,255,.86);
  box-shadow: var(--bayang-kecil);
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.kartu-berita:hover { transform: translateY(-5px); border-color: rgba(22,163,74,.22); box-shadow: var(--bayang-sedang); }
.kartu-berita .visual-berita { min-height: 170px; }
.kartu-berita .visual-berita-gambar,
.berita-utama .visual-berita-utama { aspect-ratio: 16 / 9; }
.visual-produk { background: linear-gradient(145deg, #ecfccb, #ffffff 58%, #dff5df); }
.visual-mitra { background: linear-gradient(145deg, #dcfce7, #ffffff 58%, #e7f8d4); }
.visual-panduan { background: linear-gradient(145deg, #f1ffd6, #ffffff 58%, #d8f5e0); }
.meta-berita {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 15px;
}
.meta-berita span {
  padding: 6px 9px;
  border-radius: 999px;
  background: var(--hijau-50);
  color: var(--hijau-700);
  font-size: 9px;
  font-weight: 850;
}
.meta-berita time { color: var(--abu-500); font-size: 9px; }
.kartu-berita h3 { margin: 14px 0 8px; color: var(--hijau-950); font-size: 19px; line-height: 1.22; letter-spacing: -.025em; }
.kartu-berita p { margin: 0 0 20px; color: var(--abu-500); font-size: 12px; line-height: 1.7; }
.kartu-berita a { margin-top: auto; }
.catatan-berita {
  margin: 18px 0 0;
  color: var(--abu-500);
  font-size: 10px;
  line-height: 1.7;
  text-align: center;
}

@media (prefers-reduced-motion: no-preference) {
  .kartu-berita, .berita-utama, .ringkasan-berita span { opacity:0; transform:translateY(18px); transition:opacity .55s ease, transform .55s ease; }
}

@media (max-width: 1120px) {
  .kepala-berita { gap: 34px; }
  .panel-berita-utama { grid-template-columns: 1fr; }
  .ringkasan-berita { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 860px) {
  .kepala-berita { grid-template-columns: 1fr; gap: 20px; text-align: center; }
  .kepala-berita p { margin-inline: auto; }
  .berita-utama { grid-template-columns: 1fr; }
  .visual-berita-utama { min-height: 230px; }
  .ringkasan-berita { grid-template-columns: 1fr 1fr 1fr; }
  .kisi-berita { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 620px) {
  .berita { padding-top: 76px; }
  .berita-utama { padding: 20px; border-radius: 25px; }
  .label-berita { left: 20px; top: 20px; }
  .isi-berita-utama h3 { font-size: 27px; }
  .bar-berita { align-items: flex-start; flex-direction: column; }
  .tab-berita { width: 100%; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
  .tab-berita button { flex: 0 0 auto; }
  .ringkasan-berita { grid-template-columns: 1fr; }
  .ringkasan-berita span { min-height: auto; }
  .kisi-berita { grid-template-columns: 1fr; }
  .kartu-berita { min-height: auto; }
}

/* Tanya jawab */
.tanya-jawab{background:white}.kisi-tanya-jawab{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.kepala-tanya-jawab h2{margin:0;color:var(--hijau-950);font-size:clamp(38px,4vw,54px);line-height:1.08;letter-spacing:-.045em}.kepala-tanya-jawab>p{margin:20px 0 28px;color:var(--abu-500);font-size:14px;line-height:1.75}.kartu-bantuan{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid var(--batas);border-radius:17px;background:var(--hijau-sangat-muda)}.kartu-bantuan>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--hijau-100);color:var(--hijau-700)}.kartu-bantuan>div{display:flex;flex-direction:column;line-height:1.3}.kartu-bantuan b{font-size:11px}.kartu-bantuan small{margin-top:4px;color:var(--abu-500);font-size:9px}
.daftar-tanya-jawab{border-top:1px solid var(--batas)}.pertanyaan{border-bottom:1px solid var(--batas)}.pertanyaan button{width:100%;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border:0;background:transparent;color:var(--hijau-950);text-align:left;font-weight:750}.pertanyaan button span{font-size:15px}.pertanyaan button svg{flex:0 0 auto;width:19px;color:var(--hijau-700);transition:transform .25s ease}.pertanyaan.terbuka button svg{transform:rotate(180deg)}.jawaban{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.jawaban>p{overflow:hidden;margin:0;color:var(--abu-500);font-size:13px;line-height:1.75}.pertanyaan.terbuka .jawaban{grid-template-rows:1fr}.pertanyaan.terbuka .jawaban>p{padding:0 48px 24px 0}

/* Kaki */
.kaki-situs{position:relative;padding:70px 0 22px;background:#f3f8f4;border-top:1px solid var(--batas)}.kaki-atas{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:44px;padding-bottom:48px}.merek-kaki{margin-bottom:17px}.tentang-kaki p{max-width:340px;margin:0;color:var(--abu-500);font-size:12px;line-height:1.75}.kolom-kaki{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.kolom-kaki b{margin-bottom:7px;color:var(--hijau-950);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.kolom-kaki a{color:var(--abu-600);font-size:11px}.kolom-kaki a:hover{color:var(--hijau-700)}.kolom-kaki small{color:var(--abu-500);font-size:9px}.alamat-kantor{margin:0;color:var(--abu-600);font-size:10px;line-height:1.7}.tombol-whatsapp-kaki{display:inline-flex!important;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(22,163,74,.22);border-radius:11px;background:#fff;color:var(--hijau-700)!important;font-weight:700}.tombol-whatsapp-kaki svg{width:16px}.tautan-google{display:flex!important;align-items:center;gap:8px;color:var(--hijau-700)!important;font-weight:750}.tautan-google svg{width:18px}.kaki-bawah{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid var(--batas);color:var(--abu-500);font-size:9px}
.tautan-legal-kaki{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.tautan-legal-kaki a{color:var(--abu-600);font-size:9px;font-weight:650}.tautan-legal-kaki a:hover{color:var(--hijau-700)}
.unduh-mengambang{display:none}
.whatsapp-admin-mengambang{position:fixed;z-index:952;right:22px;bottom:22px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 17px;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#16a34a;color:#fff;font-size:12px;font-weight:700;box-shadow:0 14px 36px rgba(22,163,74,.3);transition:transform .2s ease,box-shadow .2s ease}.whatsapp-admin-mengambang:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(22,163,74,.38)}.whatsapp-admin-mengambang svg{width:18px;height:18px}

/* Gerak masuk ringan */
@media (prefers-reduced-motion: no-preference) {
  .kartu-keuntungan, .kartu-fitur, .alur-empat article, .kartu-chat-besar, .salinan-ai { opacity:0; transform:translateY(18px); transition:opacity .55s ease, transform .55s ease; }
  .terlihat { opacity:1!important; transform:none!important; }
}

/* Tablet */
@media (max-width: 1120px) {
  :root { --lebar: 960px; }
  .merek img { width: 35px; height: 27px; }
  .merek-judul{line-height:1.02}
  .merek span { font-size: 17px; }
  .merek small { font-size: 9.5px; margin-top: 4px; }
  .navigasi-desktop { gap: 12px; }
  .navigasi-desktop a { font-size: 11.7px; padding-top: 26px; padding-bottom: 22px; }
  .unduh-desktop{padding-inline:14px}
  .kisi-hero{grid-template-columns:1fr 430px;gap:24px}.salinan-hero h1{font-size:59px}.panggung-ponsel{transform:scale(.92);margin-inline:-20px}.kartu-melayang-kiri{left:-10px}.kartu-melayang-kanan{right:-8px}
  .kisi-fitur{grid-template-columns:repeat(2,1fr)}.kartu-fitur-besar{grid-row:span 2}
  .kisi-pratinjau{gap:35px}.kartu-konteks{right:-15px}
  .panel-unduh{grid-template-columns:1fr 180px 190px;padding-inline:48px}.kotak-qr img{width:150px}.ponsel-mini{right:-70px}
}

/* Ponsel dan tablet kecil */
@media (max-width: 860px) {
  :root { --tinggi-kepala:72px; }
  .wadah{width:min(calc(100% - 36px),720px)}.bagian{padding:82px 0}
  .navigasi-desktop,.unduh-desktop{display:none}.tombol-menu{display:flex}.kepala-situs{height:var(--tinggi-kepala)}
  .navigasi-ponsel{position:fixed;z-index:999;left:12px;right:12px;top:calc(var(--tinggi-kepala) + 8px);display:flex;flex-direction:column;gap:0;padding:10px;border:1px solid var(--batas);border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 25px 70px rgba(15,23,42,.16);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.2s ease}.navigasi-ponsel.terbuka{opacity:1;visibility:visible;transform:none}.navigasi-ponsel>a:not(.tombol){padding:13px 12px;border-bottom:1px solid #eef3ef;color:var(--abu-700);font-size:13px;font-weight:650}.navigasi-ponsel .tombol{margin-top:10px}
  .hero{min-height:auto;padding:calc(var(--tinggi-kepala) + 70px) 0 58px}.kisi-hero{grid-template-columns:1fr;gap:58px}.salinan-hero{text-align:center}.salinan-hero h1{max-width:760px;margin-inline:auto;font-size:clamp(48px,8vw,68px)}.teks-besar{margin-inline:auto}.aksi-hero,.catatan-android{justify-content:center}.panggung-ponsel{min-height:680px;transform:none}.lingkaran-cahaya{width:540px;height:540px}.jalur-manfaat{grid-template-columns:1fr 1fr}.jalur-manfaat>div:nth-child(2){border-right:0}.jalur-manfaat>div:nth-child(-n+2){border-bottom:1px solid rgba(20,83,45,.1)}
  .hero-galeri{margin-inline:auto}
  .kisi-keuntungan{grid-template-columns:1fr}.kartu-keuntungan{min-height:320px}
  .kepala-dua-kolom{grid-template-columns:1fr;gap:20px}.kisi-fitur{grid-template-columns:1fr 1fr}.kartu-fitur-besar{grid-row:span 2}
  .alur-empat{grid-template-columns:1fr 36px 1fr;row-gap:45px}.alur-empat article:nth-of-type(3){grid-column:1}.alur-empat article:nth-of-type(4){grid-column:3}.garis-langkah:nth-of-type(4){display:none}.garis-langkah{height:78px}.garis-langkah:nth-of-type(2){grid-column:2}.garis-langkah:nth-of-type(6){grid-column:2;grid-row:3}
  .kisi-pratinjau{grid-template-columns:1fr;gap:45px}.panel-pratinjau-teks{text-align:center}.panel-pratinjau-teks p{margin-inline:auto}.tab-pratinjau{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;padding:6px 4px 16px;scroll-snap-type:x mandatory}.tab-pratinjau button{scroll-snap-align:start}.panggung-pratinjau{min-height:720px}.kartu-konteks{right:calc(50% - 265px)}
  .kisi-ai{grid-template-columns:1fr;gap:55px}.salinan-ai{text-align:center}.daftar-centang{display:inline-grid;text-align:left}.kartu-chat-besar{max-width:620px;margin-inline:auto;width:100%}
  .panel-mitra{grid-template-columns:1fr;padding:58px}.salinan-mitra{text-align:center}.salinan-mitra h2,.salinan-mitra p{margin-inline:auto}.jaringan-mitra{height:360px}
  .panel-unduh{grid-template-columns:1fr 190px;gap:34px;padding:54px}.salinan-unduh h2{font-size:48px}.ponsel-unduh{display:none}.kotak-qr img{width:160px}
  .kisi-tanya-jawab{grid-template-columns:1fr;gap:45px}.kepala-tanya-jawab{text-align:center}.kartu-bantuan{max-width:490px;margin-inline:auto;text-align:left}
  .kaki-atas{grid-template-columns:2fr repeat(2,1fr);gap:45px}.kaki-atas .kolom-kaki:last-child{grid-column:auto}
}

@media (max-width: 620px) {
  :root{--radius-besar:25px}.wadah{width:calc(100% - 32px)}.bagian{padding:72px 0}
  body{padding-bottom:76px}.merek img{width:34px;height:26px}.merek-judul{line-height:1}.merek span{font-size:13px}.merek small{font-size:8.8px}
  .hero{padding-top:calc(var(--tinggi-kepala) + 48px);background:radial-gradient(circle at 50% 45%,rgba(163,214,53,.18),transparent 30%),linear-gradient(180deg,#fbfefb,#fff)}
  .hero-galeri{width:100%; max-width:none;}.label-kecil{margin-bottom:16px;font-size:9px}.label-kecil span{width:22px}.salinan-hero h1{font-size:clamp(42px,12vw,58px);line-height:1.02}.salinan-hero h1 em{white-space:normal}.salinan-hero h1 em::after{height:5px}.teks-besar{margin-top:20px;font-size:15px;line-height:1.7}.aksi-hero{display:grid;grid-template-columns:1fr;margin-top:28px}.aksi-hero .tombol{width:100%}.catatan-android{align-items:flex-start;text-align:left;margin-top:18px}.catatan-android small{max-width:250px}
  .panggung-ponsel{min-height:590px;margin-top:2px}.lingkaran-cahaya{width:385px;height:385px}.orbit{width:420px;height:170px}.orbit-b{width:380px;height:130px}.simbol-besar{width:270px}.ponsel{width:278px;padding:8px;border-radius:39px}.bingkai-ponsel{border-radius:33px}.poni-ponsel{width:88px;height:21px}.layar-ponsel{height:552px;border-radius:29px}.bar-status{height:30px}.kepala-aplikasi{padding:12px 12px 6px}.identitas-aplikasi img{width:26px}.salam-aplikasi{padding:9px 12px 11px}.salam-aplikasi h3{font-size:13px}.pencarian-aplikasi{height:33px;margin-inline:10px}.ringkasan-aplikasi{padding-inline:10px}.menu-aplikasi{padding-inline:10px;gap:8px 4px}.menu-aplikasi span{width:34px;height:34px}.spanduk-aplikasi{min-height:75px;margin-inline:10px;padding:11px}.nav-aplikasi{height:52px}.nav-aplikasi span{height:43px}.kartu-melayang{min-width:150px;padding:10px;border-radius:14px}.kartu-melayang-kiri{left:-4px;top:40%}.kartu-melayang-kanan{right:-7px;top:18%}.ikon-kartu{width:32px;height:32px}.kartu-melayang small{font-size:7px}.kartu-melayang strong{font-size:9px}.jalur-manfaat{grid-template-columns:1fr;margin-top:36px;padding:0}.jalur-manfaat>div{justify-content:flex-start;padding:15px 17px;border-right:0;border-bottom:1px solid rgba(20,83,45,.1)}.jalur-manfaat>div:last-child{border-bottom:0}.jalur-manfaat>div:nth-child(2){border-bottom:1px solid rgba(20,83,45,.1)}
  .kepala-bagian{margin-bottom:36px}.kepala-bagian h2,.panel-pratinjau-teks h2,.salinan-ai h2,.kepala-tanya-jawab h2{font-size:36px}.kepala-bagian p{font-size:14px}
  .kartu-keuntungan{min-height:360px;padding:26px}.nomor-kartu{right:24px;top:20px}.kartu-keuntungan h3{font-size:22px}.mini-alur,.chip-kartu,.status-proses,.avatar-mitra{left:26px;right:26px;bottom:26px}.avatar-mitra small{font-size:8px}
  .fitur{padding-bottom:82px}.kisi-fitur{grid-template-columns:1fr}.kartu-fitur,.kartu-fitur-besar{min-height:auto;grid-row:auto;padding:24px}.kartu-fitur-besar{min-height:540px}.catatan-fitur{text-align:left}
  .alur-empat{grid-template-columns:1fr;gap:0}.alur-empat article,.alur-empat article:nth-of-type(3),.alur-empat article:nth-of-type(4){grid-column:1}.garis-langkah,.garis-langkah:nth-of-type(2),.garis-langkah:nth-of-type(6){grid-column:1;grid-row:auto;height:50px;transform:rotate(90deg)}.garis-langkah:nth-of-type(4){display:flex}.alur-empat p{max-width:290px}.angka-langkah{right:calc(50% - 43px)}
  .pratinjau{padding-bottom:45px}.tab-pratinjau{grid-template-columns:repeat(5,210px);margin-inline:-4px}.tab-pratinjau button{padding:13px}.panggung-pratinjau{min-height:650px;margin-top:0}.cincin-pratinjau{width:420px;height:420px}.kartu-konteks{right:0;top:9%;max-width:190px}.ponsel-pratinjau{width:286px}.ponsel-pratinjau .layar-ponsel{height:568px}.layar-tab{inset:30px 0 50px}.nav-pratinjau{height:50px}.gambar-properti-tab{height:150px}.ponsel-pratinjau .poni-ponsel{width:90px}.input-ai-tab{bottom:9px}.kartu-saldo-tab{padding:11px}.promo-tab{margin-top:10px}
  .kisi-ai{gap:42px}.isi-chat{min-height:300px;padding:18px}.pesan{max-width:90%;font-size:11px}.salinan-ai{text-align:left}.daftar-centang{display:grid}.salinan-ai>p{font-size:14px}
  .mitra{padding-top:20px}.panel-mitra{width:calc(100% - 24px);min-height:auto;padding:44px 24px;border-radius:28px}.salinan-mitra h2{font-size:39px}.jaringan-mitra{height:330px;margin-top:20px}.inti-mitra{width:120px;height:120px}.inti-mitra img{width:70px}.node{width:62px;height:62px;border-radius:18px}.node svg{width:18px}.node small{font-size:6px}.node-1{left:0}.node-2{right:0}.node-3{left:-4px}.node-4{right:-4px}.node-5{left:39%}.node-6{left:40%}
  .panel-unduh{width:calc(100% - 24px);grid-template-columns:1fr;padding:42px 24px;border-radius:28px;text-align:center}.salinan-unduh h2{font-size:40px}.aksi-unduh{justify-content:center}.teks-pindai{display:none}.kotak-qr{width:190px;margin-inline:auto}.kotak-qr img{width:162px}
  .pertanyaan button span{font-size:13px}.pertanyaan.terbuka .jawaban>p{padding-right:0}.kaki-situs{padding-top:48px}.kaki-atas{grid-template-columns:1fr 1fr;gap:36px 20px}.tentang-kaki{grid-column:1/-1}.kaki-atas .kolom-kaki:last-child{grid-column:auto}.kaki-bawah{flex-direction:column;align-items:flex-start}
  .unduh-mengambang{position:fixed;z-index:950;left:14px;right:14px;bottom:12px;height:54px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:16px;background:linear-gradient(135deg,var(--hijau-800),var(--hijau-600));color:white;font-size:13px;font-weight:800;box-shadow:0 16px 40px rgba(20,83,45,.32)}.unduh-mengambang svg{width:18px}
  .whatsapp-admin-mengambang{right:18px;bottom:80px;width:48px;min-height:48px;padding:0}.whatsapp-admin-mengambang span{display:none}
}

@media (max-width: 390px) {
  .salinan-hero h1{font-size:41px}.teks-besar{font-size:14px}.panggung-ponsel{transform:scale(.94);margin-inline:-12px}.kartu-melayang-kiri{left:5px}.kartu-melayang-kanan{right:3px}.cincin-pratinjau{width:380px;height:380px}.ponsel-pratinjau{transform:scale(.95)}.kartu-konteks{right:4px;top:6%}.panel-mitra,.panel-unduh{width:calc(100% - 16px)}
}

/* Tampilan dummy aplikasi diselaraskan dengan navigasi dan Quick Menu Nova. */
.kepala-aplikasi {
  padding-bottom: 7px;
}
.identitas-aplikasi {
  min-width: 0;
}
.identitas-aplikasi div {
  line-height: 1.12;
}
.identitas-aplikasi small {
  font-size: 7px;
}
.identitas-aplikasi strong {
  font-size: 10px;
}
.aksi-kepala-aplikasi {
  display: flex;
  align-items: center;
  gap: 6px;
}
.aksi-kepala-aplikasi button {
  width: 29px;
  height: 29px;
  border-radius: 50%;
}
.salam-aplikasi {
  padding-top: 6px;
  padding-bottom: 13px;
}
.ringkasan-aplikasi {
  padding-top: 10px;
  padding-bottom: 7px;
}
.ringkasan-aplikasi > div {
  min-width: 0;
  padding: 8px;
}
.ringkasan-aplikasi strong {
  overflow: hidden;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.menu-aplikasi {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;
  margin: 0 10px;
  padding: 9px 5px 7px;
  border: 1px solid rgba(22, 163, 74, .14);
  border-radius: 15px;
  background: linear-gradient(135deg, #eafbf0, #cff4dc 55%, #e6f9ed);
}
.menu-aplikasi > div {
  min-width: 0;
  gap: 4px;
}
.menu-aplikasi span {
  width: 36px;
  height: 36px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.menu-aplikasi span img {
  width: 34px;
  height: 34px;
  object-fit: contain;
}
.menu-aplikasi small {
  min-height: 17px;
  font-size: 5.7px;
  line-height: 1.15;
}
.indikator-menu-aplikasi,
.indikator-menu-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.indikator-menu-aplikasi {
  margin-top: 4px;
}
.indikator-menu-aplikasi i,
.indikator-menu-tab i {
  width: 3px;
  height: 3px;
  border-radius: 99px;
  background: #cbd5e1;
}
.indikator-menu-aplikasi i.aktif,
.indikator-menu-tab i.aktif {
  width: 15px;
  background: #16a34a;
}
.spanduk-aplikasi {
  min-height: 73px;
  margin-top: 7px;
  padding: 11px 13px;
}
.spanduk-aplikasi small {
  display: flex;
  align-items: center;
  gap: 3px;
}
.spanduk-aplikasi small svg {
  width: 9px;
}
.nav-aplikasi span,
.nav-pratinjau span {
  position: relative;
}
.nav-notifikasi-aplikasi > i {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  margin-top: -15px;
  border: 3px solid white;
  border-radius: 50%;
  background: linear-gradient(145deg, #d8ee62, #f0bf39);
  color: #14532d;
  box-shadow: 0 5px 12px rgba(20, 83, 45, .18);
  font-style: normal;
}
.nav-notifikasi-aplikasi > i svg {
  width: 13px;
}
.kepala-beranda-tab {
  justify-content: space-between;
}
.kepala-beranda-tab > span {
  flex: 1;
}
.kepala-beranda-tab > div {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--hijau-700);
}
.kepala-beranda-tab > div svg {
  width: 15px;
}
.grid-tab-enam {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 3px;
  margin: 0 12px;
  padding: 8px 3px 6px;
  border: 1px solid rgba(22, 163, 74, .14);
  border-radius: 13px;
  background: linear-gradient(135deg, #eafbf0, #cff4dc 55%, #e6f9ed);
}
.grid-tab-enam i {
  width: 34px;
  height: 34px;
  border-radius: 0;
  background: transparent;
}
.grid-tab-enam i img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
.grid-tab-enam small {
  min-height: 15px;
  font-size: 5.3px;
  line-height: 1.15;
}
.indikator-menu-tab {
  margin-top: 5px;
}
.promo-tab {
  margin-top: 9px;
}
.promo-tab small {
  display: flex;
  align-items: center;
  gap: 3px;
}
.promo-tab small svg {
  width: 9px;
}
.judul-mini-konten { padding-top: 7px; padding-bottom: 5px; }
.riwayat-konten-aplikasi {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  padding: 0 13px;
}
.riwayat-konten-aplikasi > span {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #e4ece6;
  border-radius: 10px;
  background: white;
  box-shadow: 0 5px 13px rgba(15,23,42,.05);
}
.riwayat-konten-aplikasi img {
  width: 100%;
  height: 36px;
  display: block;
  object-fit: cover;
}
.riwayat-konten-aplikasi small {
  min-height: 21px;
  display: flex;
  align-items: center;
  padding: 4px 5px;
  color: var(--abu-700);
  font-size: 5.4px;
  font-weight: 750;
  line-height: 1.15;
}
.produk-mini-aplikasi {
  display: grid;
  grid-template-columns: 50px minmax(0,1fr) 12px;
  align-items: center;
  gap: 8px;
  margin: 7px 13px 0;
  padding: 6px;
  border: 1px solid #e2ebe4;
  border-radius: 12px;
  background: white;
  box-shadow: 0 6px 15px rgba(15,23,42,.045);
}
.produk-mini-aplikasi > img {
  width: 50px;
  height: 39px;
  border-radius: 8px;
  object-fit: cover;
}
.produk-mini-aplikasi > span { min-width: 0; display: flex; flex-direction: column; }
.produk-mini-aplikasi small { color: var(--hijau-700); font-size: 5.2px; font-weight: 800; }
.produk-mini-aplikasi b { margin-top: 2px; color: var(--hijau-950); font-size: 6.6px; }
.produk-mini-aplikasi em { display: flex; align-items: center; gap: 2px; margin-top: 3px; color: var(--abu-500); font-size: 5px; font-style: normal; }
.produk-mini-aplikasi em svg { width: 7px; color: var(--hijau-600); }
.produk-mini-aplikasi > strong { color: var(--abu-500); font-size: 11px; }
.riwayat-konten-tab { padding-inline: 14px; }
.produk-mini-tab { margin-top: 7px; }

/* Beranda dummy mengikuti susunan nyata aplikasi Nova. */
.layar-ponsel:has(> .beranda-dummy-scroll) > .bar-status {
  position: absolute;
  z-index: 8;
  top: 0;
  right: 0;
  left: 0;
  color: #183728;
  background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,0));
}
.beranda-dummy-scroll {
  position: absolute;
  inset: 0 0 59px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 18px;
  background: #f1f4f8;
  scrollbar-width: none;
  overscroll-behavior: contain;
}
.beranda-dummy-scroll::-webkit-scrollbar,
.deret-konten-aplikasi::-webkit-scrollbar {
  display: none;
}
.layar-tab .beranda-dummy-scroll {
  inset: 0;
}
.banner-utama-aplikasi {
  height: 176px;
  overflow: hidden;
  background: #e8f1e5;
}
.banner-utama-aplikasi img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.beranda-dummy-scroll .menu-aplikasi {
  position: relative;
  z-index: 3;
  margin: -23px 11px 0;
  padding: 13px 5px 10px;
  border: 0;
  border-radius: 17px;
  background: linear-gradient(135deg, #ecfff4 0%, #d8fae8 45%, #e6fff3 100%);
  box-shadow: 0 10px 22px rgba(35, 77, 52, .17);
}
.beranda-dummy-scroll .menu-aplikasi span {
  width: 39px;
  height: 39px;
}
.beranda-dummy-scroll .menu-aplikasi span img {
  width: 38px;
  height: 38px;
  filter: drop-shadow(0 4px 5px rgba(20, 83, 45, .14));
}
.beranda-dummy-scroll .menu-aplikasi small {
  min-height: 20px;
  color: #22342b;
  font-size: 6px;
  font-weight: 650;
}
.beranda-dummy-scroll .indikator-menu-aplikasi,
.beranda-dummy-scroll .indikator-menu-tab {
  position: relative;
  z-index: 4;
  margin-top: -12px;
  padding-bottom: 7px;
}
.judul-konten-aplikasi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 15px 12px 8px;
  color: #111827;
}
.judul-konten-aplikasi strong {
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: -.02em;
}
.judul-konten-aplikasi > svg {
  width: 13px;
  color: #64748b;
}
.beranda-dummy-scroll .riwayat-konten-aplikasi {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  padding: 0 11px 4px;
  scrollbar-width: none;
}
.beranda-dummy-scroll .riwayat-konten-aplikasi > span {
  flex: 0 0 calc((100% - 14px) / 3);
  display: flex;
  flex-direction: column;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.beranda-dummy-scroll .riwayat-konten-aplikasi img {
  height: 61px;
  border-radius: 10px;
  object-fit: cover;
  box-shadow: 0 5px 10px rgba(15, 23, 42, .08);
}
.beranda-dummy-scroll .riwayat-konten-aplikasi b {
  overflow: hidden;
  margin-top: 6px;
  color: #1f2937;
  font-size: 6.5px;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.beranda-dummy-scroll .riwayat-konten-aplikasi small {
  min-height: 0;
  padding: 3px 0 0;
  color: #7c8798;
  font-size: 5.8px;
  font-weight: 500;
}
.rekomendasi-lokasi-aplikasi {
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr) 13px;
  align-items: center;
  gap: 7px;
  margin: 12px 11px 4px;
  padding: 8px 10px;
  border: 1px solid #dde5ec;
  border-radius: 12px;
  background: white;
  color: #526071;
  box-shadow: 0 3px 8px rgba(15, 23, 42, .035);
}
.rekomendasi-lokasi-aplikasi i {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #e9f8ef;
  color: #20a65a;
}
.rekomendasi-lokasi-aplikasi i svg {
  width: 12px;
}
.rekomendasi-lokasi-aplikasi > span {
  overflow: hidden;
  font-size: 6.5px;
  font-weight: 620;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rekomendasi-lokasi-aplikasi > svg {
  width: 12px;
  color: #94a3b8;
}
.banner-iklan-aplikasi {
  overflow: hidden;
  margin: 13px 11px 2px;
  border-radius: 12px;
  box-shadow: 0 8px 17px rgba(15, 23, 42, .08);
}
.banner-iklan-aplikasi img {
  width: 100%;
  aspect-ratio: 1.82 / 1;
  display: block;
  object-fit: cover;
}
.banner-iklan-kedua {
  margin-top: 16px;
}
.bagian-konten-aplikasi {
  margin-top: 5px;
}
.deret-konten-aplikasi {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 0 11px 5px;
  scrollbar-width: none;
}
.kartu-konten-aplikasi {
  flex: 0 0 47%;
  min-width: 0;
  color: #111827;
  font-style: normal;
}
.kartu-konten-aplikasi > div {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 13px;
  background: #e8edf1;
  box-shadow: 0 5px 10px rgba(15, 23, 42, .08);
}
.kartu-konten-aplikasi > div > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.kartu-konten-aplikasi button {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.9);
  color: #64748b;
}
.kartu-konten-aplikasi button svg {
  width: 11px;
}
.kartu-konten-aplikasi > div > em {
  position: absolute;
  right: auto;
  bottom: 6px;
  left: 6px;
  padding: 4px 6px;
  border-radius: 7px;
  background: #18a44f;
  color: white;
  font-size: 5.5px;
  font-style: normal;
  font-weight: 800;
}
.beranda-marketplace .kartu-konten-aplikasi > div > em {
  background: #dc2626;
}
.kartu-konten-aplikasi > b,
.kartu-konten-aplikasi > small,
.kartu-konten-aplikasi > span,
.kartu-konten-aplikasi > i {
  display: flex;
  align-items: center;
}
.kartu-konten-aplikasi > b {
  overflow: hidden;
  margin-top: 7px;
  font-size: 8px;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kartu-konten-aplikasi > small {
  margin-top: 4px;
  color: #7c8798;
  font-size: 7px;
}
.kartu-konten-aplikasi > span {
  margin-top: 4px;
  color: #64748b;
  font-size: 6.2px;
}
.kartu-konten-aplikasi > span::first-letter {
  color: #f59e0b;
}
.kartu-konten-aplikasi > i {
  gap: 3px;
  margin-top: 4px;
  color: #64748b;
  font-size: 6px;
  font-style: normal;
}
.kartu-konten-aplikasi > i svg {
  width: 8px;
}
.nav-notifikasi-aplikasi > i {
  width: 43px;
  height: 43px;
  margin-top: -27px;
  border: 4px solid white;
  background: linear-gradient(145deg, #fffdf1, #efc64d);
  color: #9a6a00;
  box-shadow: 0 5px 13px rgba(130, 90, 0, .2);
}
.nav-notifikasi-aplikasi > i::after {
  content: "20";
  position: absolute;
  top: -7px;
  right: -5px;
  min-width: 15px;
  height: 15px;
  display: grid;
  place-items: center;
  border: 2px solid white;
  border-radius: 999px;
  background: #c79500;
  color: white;
  font-size: 5.5px;
  font-weight: 800;
}
.nav-notifikasi-aplikasi > i svg {
  width: 20px;
}
.nav-notifikasi-aplikasi small {
  color: #9a6a00;
  font-weight: 750;
}

@media print {
  .kepala-situs,.unduh-mengambang,.whatsapp-admin-mengambang,.tombol-menu{position:static;display:none!important}.hero{padding-top:60px}.bagian{break-inside:avoid}.kartu-keuntungan,.kartu-fitur,.alur-empat article,.kartu-chat-besar,.salinan-ai{opacity:1!important;transform:none!important}
}

/* Mitra strategis — strip kepercayaan */
.mitra-kepercayaan {
  position: relative;
  padding: 82px 0 88px;
  overflow: hidden;
  border-top: 1px solid rgba(20,83,45,.08);
  border-bottom: 1px solid rgba(20,83,45,.08);
  background:
    radial-gradient(circle at 5% 8%, rgba(163,214,53,.15), transparent 25%),
    radial-gradient(circle at 95% 90%, rgba(22,163,74,.09), transparent 28%),
    linear-gradient(180deg,#fbfefb,#f6fbf6);
}
.mitra-kepercayaan::before {
  content:"";
  position:absolute;
  inset:0;
  opacity:.28;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(20,83,45,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(20,83,45,.03) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,transparent,black 25%,black 75%,transparent);
}
.mitra-kepercayaan .wadah { position:relative; z-index:1; }
.kepala-mitra-kepercayaan {
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:end;
  gap:70px;
  margin-bottom:34px;
}
.kepala-mitra-kepercayaan .label-kecil { margin-bottom:15px; }
.kepala-mitra-kepercayaan h2 {
  max-width:610px;
  margin:0;
  color:var(--hijau-950);
  font-size:clamp(36px,3.7vw,52px);
  line-height:1.06;
  letter-spacing:-.048em;
}
.kepala-mitra-kepercayaan p {
  max-width:570px;
  margin:0;
  color:var(--abu-500);
  font-size:14px;
  line-height:1.75;
}
.kisi-logo-mitra {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.kartu-logo-mitra {
  position:relative;
  min-height:188px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:22px 18px 18px;
  overflow:hidden;
  border:1px solid var(--batas);
  border-radius:22px;
  background:#fff;
  box-shadow:0 13px 34px rgba(20,83,45,.065);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.kartu-logo-mitra::before {
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  right:-62px;
  top:-62px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(163,214,53,.18),transparent 70%);
}
.kartu-logo-mitra:hover {
  transform:translateY(-4px);
  border-color:rgba(22,163,74,.26);
  box-shadow:0 20px 45px rgba(20,83,45,.11);
}
.kartu-logo-mitra:focus-visible {
  outline:3px solid rgba(163,214,53,.48);
  outline-offset:3px;
}
.bingkai-logo-mitra {
  min-height:82px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.bingkai-logo-mitra img {
  width:auto;
  max-width:175px;
  max-height:72px;
  object-fit:contain;
}
.kartu-logo-mitra.apersi .bingkai-logo-mitra img { max-height:80px; }
.kartu-logo-mitra.mandiri .bingkai-logo-mitra img { max-width:176px; max-height:54px; }
.kartu-logo-mitra.bni .bingkai-logo-mitra img { max-width:150px; max-height:54px; }
.kartu-logo-mitra.doku .bingkai-logo-mitra img { max-height:72px; }
.salinan-logo-mitra {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  line-height:1.25;
}
.salinan-logo-mitra strong { color:var(--hijau-950); font-size:12px; }
.salinan-logo-mitra small { margin-top:5px; color:var(--abu-500); font-size:9px; }
.catatan-logo-mitra {
  max-width:1060px;
  margin:22px auto 0;
  padding:12px 16px;
  border:1px solid rgba(20,83,45,.09);
  border-radius:13px;
  color:#64736a;
  background:rgba(255,255,255,.72);
  font-size:10.5px;
  line-height:1.7;
  text-align:center;
}

@media (max-width:860px) {
  .mitra-kepercayaan { padding:68px 0 72px; }
  .kepala-mitra-kepercayaan { grid-template-columns:1fr; gap:16px; text-align:center; }
  .kepala-mitra-kepercayaan h2,.kepala-mitra-kepercayaan p { margin-inline:auto; }
  .kepala-mitra-kepercayaan .label-kecil { justify-content:center; }
  .kisi-logo-mitra { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) {
  .mitra-kepercayaan { padding:58px 0 62px; }
  .kepala-mitra-kepercayaan { margin-bottom:26px; }
  .kepala-mitra-kepercayaan h2 { font-size:34px; }
  .kepala-mitra-kepercayaan p { font-size:13px; }
  .kisi-logo-mitra { gap:10px; }
  .kartu-logo-mitra { min-height:158px; padding:18px 10px 14px; border-radius:18px; gap:9px; }
  .bingkai-logo-mitra { min-height:68px; }
  .bingkai-logo-mitra img { max-width:135px; max-height:58px; }
  .kartu-logo-mitra.apersi .bingkai-logo-mitra img { max-height:65px; }
  .kartu-logo-mitra.mandiri .bingkai-logo-mitra img { max-width:135px; max-height:43px; }
  .kartu-logo-mitra.bni .bingkai-logo-mitra img { max-width:118px; max-height:43px; }
  .kartu-logo-mitra.doku .bingkai-logo-mitra img { max-height:58px; }
  .salinan-logo-mitra strong { font-size:10px; }
  .salinan-logo-mitra small { font-size:7.5px; }
  .catatan-logo-mitra { margin-top:18px; padding:10px 11px; font-size:9px; text-align:left; }
}


/* =====================================================
   Fokus utama: pengembang KPR dan bisnis kawasan
   ===================================================== */
.fokus-pengembang .navigasi-desktop { gap: clamp(12px, 1.45vw, 22px); }
.fokus-pengembang .navigasi-desktop a { font-size: 12px; }
.hero-fokus-pengembang .salinan-hero h1 { max-width: 700px; font-size: clamp(2.7rem, 3.9vw, 4.1rem); line-height: 1.06; letter-spacing: -.038em; }
.hero-fokus-pengembang .salinan-hero h1 em { white-space: normal; }
.hero-fokus-pengembang .teks-besar { max-width: 700px; }
.catatan-potensi { max-width: 930px; margin: 24px auto 0; color: var(--abu-500); font-size: 11px; line-height: 1.7; text-align: center; }

/* Dashboard mini pada kartu solusi */
.gambar-dashboard-pengembang { display: grid; gap: 10px; }
.dashboard-mini-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border-radius: 12px; background: white; }
.dashboard-mini-head span { display: flex; flex-direction: column; line-height: 1.25; }
.dashboard-mini-head b { color: var(--hijau-950); font-size: 9px; }
.dashboard-mini-head small { margin-top: 3px; color: var(--abu-500); font-size: 7px; }
.dashboard-mini-head i { padding: 5px 8px; border-radius: 999px; background: var(--hijau-50); color: var(--hijau-700); font-size: 7px; font-style: normal; font-weight: 800; }
.dashboard-mini-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.dashboard-mini-stats span { display: flex; flex-direction: column; min-height: 62px; justify-content: center; padding: 9px; border: 1px solid var(--batas); border-radius: 12px; background: white; }
.dashboard-mini-stats small { color: var(--abu-500); font-size: 7px; }
.dashboard-mini-stats b { margin-top: 4px; color: var(--hijau-900); font-size: 9px; }
.dashboard-mini-list { display: grid; gap: 7px; }
.dashboard-mini-list span { display: grid; grid-template-columns: 28px 1fr; grid-template-rows: auto auto; column-gap: 8px; align-items: center; padding: 9px; border: 1px solid var(--batas); border-radius: 12px; background: white; }
.dashboard-mini-list i { grid-row: 1/3; width: 27px; height: 27px; display: grid; place-items: center; border-radius: 9px; background: var(--hijau-50); color: var(--hijau-700); }
.dashboard-mini-list svg { width: 13px; }
.dashboard-mini-list b { color: var(--hijau-950); font-size: 8px; }
.dashboard-mini-list small { margin-top: 2px; color: var(--abu-500); font-size: 6.5px; }

/* Tab dashboard pengembang pada ponsel pratinjau */
.layar-developer-tab { background: #f7faf8; }
.kepala-developer-tab { border-bottom-color: #e7efe9; }
.dev-hero-tab { margin: 11px 13px 9px; padding: 13px; border-radius: 15px; background: linear-gradient(135deg,#063f22,#168248); color: white; }
.dev-hero-tab small { color: #d9f99d; font-size: 6.5px; font-weight: 800; letter-spacing: .08em; }
.dev-hero-tab b { display: block; margin-top: 4px; font-size: 12px; }
.dev-hero-tab p { margin: 5px 0 0; color: rgba(255,255,255,.72); font-size: 7px; line-height: 1.4; }
.dev-stat-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; padding: 0 13px; }
.dev-stat-grid button { min-height: 76px; display: flex; flex-direction: column; align-items: flex-start; padding: 9px; border: 1px solid #dfebe2; border-radius: 12px; background: white; text-align: left; }
.dev-stat-grid small { color: #75867b; font-size: 6px; }
.dev-stat-grid b { margin-top: 4px; color: var(--hijau-950); font-size: 9px; }
.dev-stat-grid span { margin-top: auto; color: var(--hijau-700); font-size: 5.8px; }
.dev-list-tab { display: grid; gap: 7px; padding: 0 13px 58px; }
.dev-list-tab button { display: grid; grid-template-columns: 34px 1fr 12px; align-items: center; gap: 8px; padding: 9px; border: 1px solid #dfebe2; border-radius: 12px; background: white; text-align: left; }
.dev-list-tab i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; background: var(--hijau-50); color: var(--hijau-700); }
.dev-list-tab i svg { width: 15px; }
.dev-list-tab span { display: flex; flex-direction: column; line-height: 1.2; }
.dev-list-tab b { color: var(--hijau-950); font-size: 7.5px; }
.dev-list-tab small { margin-top: 3px; color: #8a9990; font-size: 6px; }
.dev-list-tab em { color: #94a3b8; font-style: normal; }
.nav-developer-pratinjau { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; height: 55px; display: grid; grid-template-columns: repeat(5,1fr); border-top: 1px solid #e5ece7; background: white; }
.nav-developer-pratinjau span { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; color: #9aa7a0; }
.nav-developer-pratinjau svg { width: 14px; }
.nav-developer-pratinjau small { font-size: 5.6px; }
.nav-developer-pratinjau .aktif { color: var(--hijau-700); }
.layar-pratinjau.mode-developer > .nav-pratinjau { display: none; }

/* Form kemitraan pengembang */
.kemitraan-pengembang { overflow: hidden; background: linear-gradient(145deg,#052e16 0%,#0d5d32 58%,#167e43 100%); color: white; }
.kemitraan-pengembang::before { content:""; position:absolute; inset:0; opacity:.08; background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px); background-size:44px 44px; }
.panel-kemitraan { position: relative; z-index: 2; display: grid; grid-template-columns: .92fr 1.08fr; gap: 64px; align-items: start; }
.salinan-kemitraan h2 { max-width: 620px; margin: 0; color: white; font-size: clamp(42px,4.5vw,62px); line-height: 1.03; letter-spacing: -.052em; }
.salinan-kemitraan > p { max-width: 620px; margin: 20px 0 0; color: rgba(255,255,255,.72); font-size: 14px; line-height: 1.8; }
.salinan-kemitraan ul { display: grid; gap: 12px; margin: 28px 0 0; padding: 0; list-style: none; }
.salinan-kemitraan li { display: flex; align-items: flex-start; gap: 11px; color: rgba(255,255,255,.85); font-size: 12px; line-height: 1.55; }
.salinan-kemitraan li span { flex: 0 0 auto; width: 25px; height: 25px; display: grid; place-items: center; border-radius: 8px; background: rgba(217,249,157,.13); color: #d9f99d; }
.salinan-kemitraan li svg { width: 13px; }
.catatan-kemitraan { padding: 13px 15px; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: rgba(255,255,255,.06); font-size: 10px!important; }
.form-kemitraan { padding: 30px; border: 1px solid rgba(255,255,255,.75); border-radius: 28px; background: rgba(255,255,255,.97); color: var(--abu-900); box-shadow: 0 30px 80px rgba(0,0,0,.22); }
.kepala-form { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
.kepala-form > span { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; background: var(--hijau-50); color: var(--hijau-700); }
.kepala-form > div { display: flex; flex-direction: column; line-height: 1.25; }
.kepala-form b { color: var(--hijau-950); font-size: 14px; }
.kepala-form small { margin-top: 4px; color: var(--abu-500); font-size: 10px; }
.form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.form-grid label { display: flex; flex-direction: column; gap: 6px; color: var(--abu-700); font-size: 10px; font-weight: 760; }
.form-grid .lebar-penuh { grid-column: 1/-1; }
.form-grid input,.form-grid select,.form-grid textarea { width: 100%; min-height: 45px; padding: 10px 12px; border: 1px solid var(--batas); border-radius: 12px; outline: 0; background: white; color: var(--abu-900); font-size: 12px; font-weight: 500; transition: border-color .2s, box-shadow .2s; }
.form-grid textarea { min-height: 92px; resize: vertical; }
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus { border-color: var(--hijau-500); box-shadow: 0 0 0 4px rgba(34,197,94,.11); }
.form-grid [aria-invalid="true"] { border-color: #dc2626; box-shadow: 0 0 0 4px rgba(220,38,38,.08); }
.tombol-form { width: 100%; margin-top: 18px; }
.status-form { margin: 12px 0 0; color: var(--abu-500); font-size: 9px; line-height: 1.55; text-align: center; }
.status-form.berhasil { padding: 10px 12px; border-radius: 11px; background: var(--hijau-50); color: var(--hijau-800); font-weight: 750; }
.status-form.gagal { color: #b91c1c; }

/* Link berita adalah halaman tersendiri */
a[href="berita.html"] { white-space: nowrap; }

@media (max-width: 1120px) {
  .panel-kemitraan { gap: 36px; }
  .form-kemitraan { padding: 24px; }
}
@media (max-width: 860px) {
  .hero-fokus-pengembang .salinan-hero h1 { font-size: clamp(2.25rem, 6vw, 3.35rem); line-height: 1.12; }
  .panel-kemitraan { grid-template-columns: 1fr; }
  .salinan-kemitraan { text-align: center; }
  .salinan-kemitraan h2,.salinan-kemitraan > p { margin-inline: auto; }
  .salinan-kemitraan ul { max-width: 620px; margin-inline: auto; text-align: left; }
}
@media (max-width: 620px) {
  .hero-fokus-pengembang .salinan-hero h1 { font-size: clamp(1.98rem, 9vw, 2.75rem); line-height: 1.14; }
  .catatan-potensi { text-align: left; }
  .form-kemitraan { padding: 20px; border-radius: 24px; }
  .form-grid { grid-template-columns: 1fr; }
  .form-grid .lebar-penuh { grid-column: auto; }
  .salinan-kemitraan h2 { font-size: 38px; }
  .tab-pratinjau { grid-template-columns: repeat(5,210px); }
  .dev-stat-grid { gap: 5px; padding-inline: 10px; }
  .dev-list-tab { padding-inline: 10px; }
}

/* Pratinjau aplikasi: tata letak khusus layar handphone. */
@media (max-width: 620px) {
  .pratinjau {
    overflow: hidden;
    padding-top: 64px;
  }

  .kisi-pratinjau,
  .panel-pratinjau-teks,
  .panggung-pratinjau {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .kisi-pratinjau {
    gap: 30px;
  }

  .panel-pratinjau-teks {
    text-align: left;
  }

  .panel-pratinjau-teks .label-kecil {
    justify-content: flex-start;
  }

  .panel-pratinjau-teks h2 {
    max-width: 100%;
    font-size: clamp(29px, 8.7vw, 38px);
    line-height: 1.14;
    letter-spacing: -.038em;
    overflow-wrap: break-word;
  }

  .panel-pratinjau-teks > p {
    max-width: 100%;
    margin: 16px 0 22px;
    font-size: 13px;
    line-height: 1.65;
  }

  .tab-pratinjau {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
    padding: 0;
    overflow: visible;
  }

  .tab-pratinjau button {
    min-width: 0;
    grid-template-columns: 31px minmax(0, 1fr);
    column-gap: 9px;
    padding: 11px;
    border-radius: 14px;
  }

  .tab-pratinjau button:last-child {
    grid-column: 1 / -1;
  }

  .tab-pratinjau button > span {
    width: 29px;
    height: 29px;
    border-radius: 9px;
  }

  .tab-pratinjau button.aktif {
    padding-left: 14px;
  }

  .tab-pratinjau b {
    min-width: 0;
    font-size: 10.5px;
    line-height: 1.25;
  }

  .tab-pratinjau small {
    min-width: 0;
    font-size: 8px;
    line-height: 1.3;
  }

  .panggung-pratinjau {
    min-height: 680px;
    padding-top: 70px;
  }

  .cincin-pratinjau {
    width: min(390px, calc(100vw - 24px));
    height: min(390px, calc(100vw - 24px));
  }

  .ponsel-pratinjau {
    width: min(286px, calc(100vw - 58px));
    max-width: 100%;
    transform: none;
  }

  .kartu-konteks {
    left: 50%;
    right: auto;
    top: 4px;
    width: min(270px, calc(100% - 20px));
    max-width: none;
    transform: translateX(-50%);
  }
}

@media (max-width: 390px) {
  .panel-pratinjau-teks h2 {
    font-size: clamp(28px, 8.9vw, 34px);
  }

  .tab-pratinjau {
    grid-template-columns: 1fr;
  }

  .tab-pratinjau button:last-child {
    grid-column: auto;
  }

  .panggung-pratinjau {
    min-height: 650px;
  }

  .cincin-pratinjau {
    width: min(355px, calc(100vw - 18px));
    height: min(355px, calc(100vw - 18px));
  }

  .ponsel-pratinjau {
    width: min(278px, calc(100vw - 44px));
    transform: none;
  }
}