/* NOVA Professional UX/UI V4 — 2026-08-20
   Loaded last. Focus: clearer hierarchy, less repetition, calmer corporate rhythm. */
:root{
  --v4-ink:#10231a;
  --v4-copy:#56645d;
  --v4-muted:#748078;
  --v4-line:#e5ebe7;
  --v4-surface:#f7f9f7;
  --v4-surface-2:#f1f5f2;
  --v4-green:#148347;
  --v4-green-dark:#0d5f35;
  --v4-radius:18px;
  --v4-shadow:0 18px 50px rgba(15,23,42,.075);
}

body{color:var(--v4-ink);background:#fff;}
main{overflow:clip;}
.bagian{padding-block:92px;}
.kepala-bagian{max-width:980px;margin-inline:auto;margin-bottom:44px;}
.kepala-bagian h2,.kepala-tanya-jawab h2,.panel-pratinjau-teks h2{
  color:var(--v4-ink);
  letter-spacing:-.04em;
}
.kepala-bagian p,.kepala-tanya-jawab p,.panel-pratinjau-teks>p{color:var(--v4-copy);}
.label-kecil{font-weight:700;letter-spacing:.1em;color:var(--v4-green);}

/* Header feels quieter and more product-company-like. */
.kepala-situs{border-bottom:1px solid rgba(16,35,26,.07);}
.kepala-situs:not(.bergulir){box-shadow:none;}
.kepala-situs.bergulir{box-shadow:0 10px 28px rgba(15,23,42,.07);}
.navigasi-desktop a{font-weight:650;color:#516058;}
.navigasi-desktop a:hover,.navigasi-desktop a.aktif{color:var(--v4-green-dark);}
.unduh-desktop{border-radius:11px;}

/* Hero: message before marketing artwork. */
.hero{
  padding-top:calc(var(--tinggi-kepala) + 76px);
  padding-bottom:70px;
  background:
    radial-gradient(circle at 86% 24%,rgba(91,168,91,.10),transparent 28%),
    linear-gradient(180deg,#fbfcfb 0%,#fff 84%);
}
.hero::before{opacity:.10;}
.hiasan-orbit-satu{opacity:.24;}
.hero .salinan-hero{max-width:700px;}
.hero .salinan-hero h1{
  margin-top:18px;
  max-width:690px;
  font-size:clamp(46px,4.5vw,66px);
  line-height:1.04;
  letter-spacing:-.052em;
}
.hero .teks-besar{max-width:645px;color:var(--v4-copy);font-size:16px;line-height:1.75;}
.catatan-kepercayaan{
  display:inline-block;
  max-width:610px;
  padding:10px 12px;
  background:#f7faf8;
  border:1px solid #e6ece8;
  border-left:3px solid #79bc83;
  border-radius:10px;
}
.aksi-hero{gap:10px;}
.aksi-hero .tombol{min-width:178px;}
.catatan-android{margin-top:18px;}
.panggung-ponsel{min-height:600px;}
.lingkaran-cahaya{filter:saturate(.86);}
.kartu-melayang{box-shadow:0 16px 42px rgba(15,23,42,.10);border:1px solid rgba(16,35,26,.06);}
.jalur-manfaat{margin-top:34px;border-radius:16px;border:1px solid var(--v4-line);overflow:hidden;background:#fff;}
.jalur-manfaat>div{min-height:72px;}

/* Trust strip. */
.mitra-kepercayaan{padding-block:62px;background:var(--v4-surface);border-block:1px solid #edf1ee;}
.kartu-logo-mitra{border:1px solid var(--v4-line);background:#fff;box-shadow:none;}
.kartu-logo-mitra:hover{border-color:#cad8cf;box-shadow:0 12px 30px rgba(15,23,42,.06)!important;}
.catatan-logo-mitra{max-width:920px;margin-inline:auto;text-align:center;}

/* Nova showcase — carousel is no longer blocking the hero message. */
.sorotan-nova-v4{padding:72px 0 82px;background:#fff;}
.sorotan-grid-v4{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:56px;align-items:center;}
.sorotan-copy-v4{max-width:430px;}
.sorotan-copy-v4 h2{margin:14px 0 14px;color:var(--v4-ink);font-size:clamp(32px,3vw,44px);line-height:1.1;letter-spacing:-.04em;}
.sorotan-copy-v4 p{margin:0;color:var(--v4-copy);font-size:14px;line-height:1.75;}
.sorotan-visual-v4 .hero-galeri{width:100%!important;max-width:none!important;margin:0!important;}
.sorotan-visual-v4 .hero-galeri-jendela{border-radius:18px;border:1px solid var(--v4-line);box-shadow:var(--v4-shadow);background:#f3f6f4;}
.sorotan-visual-v4 .hero-galeri-track img{aspect-ratio:16/7;object-fit:cover;}
.sorotan-visual-v4 .hero-galeri-dots{justify-content:flex-start;margin-top:12px;}

/* Business value cards: lighter and more consistent. */
.keuntungan{background:#fff;}
.kisi-keuntungan{gap:18px;}
.kartu-keuntungan{border:1px solid var(--v4-line);border-radius:var(--v4-radius);box-shadow:none;background:#fff;}
.kartu-keuntungan:not(.unggulan):hover{border-color:#cad8cf;box-shadow:var(--v4-shadow);}
.kartu-keuntungan.unggulan{background:linear-gradient(145deg,#0c5832,#0e7742);box-shadow:0 20px 48px rgba(13,95,53,.14);}
.kartu-keuntungan h3{font-size:23px;}
.kartu-keuntungan p{color:var(--v4-copy);}
.catatan-potensi{max-width:920px;margin-inline:auto;color:#77837c;}

/* Solution section: keep dark area, but reduce visual noise. */
.fitur{background:linear-gradient(145deg,#0b2819 0%,#0d3e26 58%,#0e5a34 100%);}
.fitur::before{opacity:.025;}
.kartu-fitur{border-radius:16px;background:rgba(255,255,255,.06);backdrop-filter:none;}
.kartu-fitur:hover{transform:translateY(-2px);background:rgba(255,255,255,.085);}
.kartu-fitur-besar{background:#fff;color:var(--v4-ink);}

/* Partnership flow. */
.cara-kerja{background:var(--v4-surface);}
.alur-empat article{background:#fff;border:1px solid var(--v4-line);border-radius:16px;padding:24px 18px;}
.ikon-langkah{box-shadow:none;border:1px solid #dce7df;background:#fff;}
.garis-langkah{opacity:.5;}

/* Simulator gets a clearer product-demo feel. */
.pratinjau{background:#fff;}
.kisi-pratinjau{gap:64px;}
.tab-pratinjau button{border:1px solid var(--v4-line);background:#fff;box-shadow:none;}
.tab-pratinjau button.aktif{border-color:#b8d4c0;background:#f4faf6;}
.panggung-pratinjau{filter:saturate(.94);}

/* Partnership form: less intimidating. */
.kemitraan-pengembang{background:linear-gradient(145deg,#0b2819,#0e5732);}
.panel-kemitraan{gap:60px;}
.form-kemitraan{border-radius:20px;padding:28px;background:#fff;box-shadow:0 22px 60px rgba(0,0,0,.14);}
.form-kemitraan label{font-size:11.5px;color:#33443b;font-weight:650;}
.form-kemitraan input,.form-kemitraan select,.form-kemitraan textarea{border-color:#dfe7e2;background:#fbfcfb;}
.form-kemitraan input:focus,.form-kemitraan select:focus,.form-kemitraan textarea:focus{border-color:#76b88a;background:#fff;box-shadow:0 0 0 3px rgba(20,131,71,.09);}
.opsional-v4{display:inline-flex;margin-left:6px;padding:2px 6px;border-radius:999px;background:#eef3ef;color:#748078;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;vertical-align:middle;}
.status-form{color:#6c7972;}

/* App download: treat as secondary conversion, not another hero. */
.unduh{background:var(--v4-surface);}
.panel-unduh{border-radius:22px;box-shadow:none;}

/* News is now a compact gateway until real editorial content exists. */
.berita-ringkas-v4{background:#fff;}
.berita-ringkas-grid-v4{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:72px;align-items:center;padding:54px;border:1px solid var(--v4-line);border-radius:24px;background:linear-gradient(135deg,#fafcfb,#f3f7f4);}
.berita-ringkas-copy-v4{max-width:620px;}
.berita-ringkas-copy-v4 h2{margin:15px 0 16px;color:var(--v4-ink);font-size:clamp(34px,3.5vw,48px);line-height:1.08;letter-spacing:-.042em;}
.berita-ringkas-copy-v4 p{margin:0 0 26px;color:var(--v4-copy);font-size:14px;line-height:1.75;}
.berita-topik-v4{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.berita-topik-v4 article{min-height:116px;padding:18px;border:1px solid var(--v4-line);border-radius:15px;background:#fff;display:flex;flex-direction:column;justify-content:flex-end;}
.berita-topik-v4 b{font-size:13px;color:var(--v4-ink);}
.berita-topik-v4 small{margin-top:5px;color:var(--v4-muted);font-size:9.5px;line-height:1.5;}

/* FAQ: quieter and easier to scan. */
.tanya-jawab{background:var(--v4-surface);}
.kisi-tanya-jawab{gap:64px;}
.pertanyaan{border:1px solid var(--v4-line);border-radius:14px;background:#fff;box-shadow:none;}
.pertanyaan+ .pertanyaan{margin-top:10px;}
.kartu-bantuan{border:1px solid #dfe8e2;background:#fff;}

/* Footer: slightly denser. */
.kaki-situs{padding-top:54px;background:#f2f5f3;}
.kaki-atas{gap:36px;}
.tentang-kaki p{color:#68756e;}

@media (max-width:1024px){
  .bagian{padding-block:78px;}
  .hero{padding-top:calc(var(--tinggi-kepala) + 54px);}
  .hero .salinan-hero h1{font-size:clamp(42px,6.3vw,58px);}
  .sorotan-grid-v4{grid-template-columns:1fr;gap:28px;}
  .sorotan-copy-v4{max-width:650px;}
  .berita-ringkas-grid-v4{grid-template-columns:1fr;gap:34px;padding:40px;}
  .berita-topik-v4{grid-template-columns:repeat(4,1fr);}
}

@media (max-width:620px){
  .bagian{padding-block:62px;}
  .hero{padding-top:calc(var(--tinggi-kepala) + 38px);padding-bottom:48px;}
  .hero .salinan-hero h1{margin-top:14px;font-size:clamp(34px,10vw,43px);line-height:1.08;}
  .hero .teks-besar{font-size:14px;line-height:1.68;}
  .catatan-kepercayaan{display:block;font-size:9.5px!important;line-height:1.55!important;}
  .aksi-hero{display:grid;grid-template-columns:1fr;}
  .aksi-hero .tombol{width:100%;min-width:0;}
  .catatan-android{display:none;}
  .panggung-ponsel{min-height:510px;}
  .jalur-manfaat{margin-top:18px;border-radius:14px;}
  .jalur-manfaat>div{min-height:auto;}
  .mitra-kepercayaan{padding-block:50px;}
  .sorotan-nova-v4{padding:54px 0 62px;}
  .sorotan-grid-v4{gap:24px;}
  .sorotan-copy-v4 h2{font-size:31px;}
  .sorotan-visual-v4 .hero-galeri-jendela{border-radius:14px;box-shadow:0 14px 34px rgba(15,23,42,.07);}
  .sorotan-visual-v4 .hero-galeri-dots{justify-content:center;}
  .kartu-keuntungan{border-radius:16px;}
  .alur-empat article{padding:20px 16px;}
  .form-kemitraan{padding:20px;border-radius:17px;}
  .berita-ringkas-grid-v4{padding:24px 18px;border-radius:18px;gap:26px;}
  .berita-ringkas-copy-v4 h2{font-size:31px;}
  .berita-topik-v4{grid-template-columns:1fr 1fr;gap:9px;}
  .berita-topik-v4 article{min-height:96px;padding:14px;}
  .kisi-tanya-jawab{gap:34px;}
}

@media (max-width:390px){
  .berita-topik-v4{grid-template-columns:1fr;}
  .sorotan-copy-v4 h2,.berita-ringkas-copy-v4 h2{font-size:29px;}
}