/*
 * Tema terang — mengikuti logo isp-OS (biru #003A81 + kuning #FCC101).
 * Hanya warna & tampilan; konten halaman tidak diubah.
 * Dimuat SETELAH <style> halaman. Hapus <link> ke file ini untuk kembali ke tema gelap
 * (ganti juga logo-blue.png -> logo-white.png di navbar/footer).
 * Dipakai bersama oleh landing (index.php / index.html) dan halaman legal.
 */

:root{
  --navy:#003A81;     /* biru logo: teks judul, tombol gelap, header modal */
  --navy-2:#0B55B3;
  --blue:#0B55B3;
  --blue-light:#0B55B3;
  --blue-l:#0B55B3;
  --bg:#F4F8FE;
  --border:#DCE5F3;
}

/* ===== Navbar / header ===== */
header,header.top{
  background:rgba(255,255,255,.94);
  border-bottom:1px solid var(--border);
}
.nav-links a,nav.top a{color:#4A5A72;}
.nav-links a:hover{color:var(--navy);}
nav.top a:hover{color:var(--navy);background:#EAF1FF;}
nav.top a.on{color:var(--navy);background:#DDE9FC;}

/* ===== Hero ===== */
.hero{
  background:
    radial-gradient(760px 380px at 92% -12%,rgba(0,58,129,.12),transparent 65%),
    linear-gradient(180deg,#EAF2FF 0%,#FFFFFF 100%);
  color:var(--text);
}
.hero::after{background:radial-gradient(circle,rgba(11,85,179,.18),transparent 70%);}
.hero h1{color:var(--navy);}
.hero h1 .hl{color:var(--blue);}
.hero p,.hero p.lead{color:var(--muted);}
.hero-trust{color:var(--muted);}
.hero-trust b{color:var(--navy);}
.hero .meta{color:#7A8799;}
.eyebrow{color:var(--navy);background:#fff;border:1px solid var(--border);}
.chip{color:var(--navy);background:rgba(252,193,1,.28);border-color:rgba(252,193,1,.75);}

.btn-ghost{background:#fff;color:var(--navy);border:1.5px solid var(--border);}
.btn-ghost:hover{background:#EAF1FF;}

.hero-card{
  background:#fff;border:1px solid var(--border);
  box-shadow:0 28px 56px -28px rgba(0,58,129,.40);
  backdrop-filter:none;
}
.hero-card h4{color:var(--muted);}
.flow-item{background:var(--bg);border:1px solid var(--border);color:var(--text);}
.flow-item .num{background:var(--navy);color:#fff;}
.flow-item.accent .num{background:var(--yellow);color:var(--navy);}
.flow-item .tag{color:var(--muted);}

/* ===== Section ===== */
.diff-card{background:#fff;border-top:3px solid var(--yellow);}
.plan.featured{border-color:var(--navy);box-shadow:0 20px 40px rgba(0,58,129,.16);}
.plan .badge{background:rgba(252,193,1,.28);color:var(--navy);}

/* ===== Proof: pita biru logo, angka kuning ===== */
.proof{background:linear-gradient(135deg,#003A81,#0B55B3);color:#fff;}
.proof-stat .num{color:var(--yellow);}
.proof-stat .label{color:#D6E3F7;}
.proof-quote{color:#fff;}
.proof-quote cite{color:#C2D4EE;}

/* ===== Footer ===== */
footer,footer.bot{
  background:#fff;border-top:1px solid var(--border);color:var(--muted);
}
.footer-bottom{border-top:1px solid var(--border);color:#8793A5;}
.footer-links a:hover{color:var(--navy);}
footer.bot a{color:#4A5A72;}
footer.bot a:hover{color:var(--navy);}
footer.bot .cp{color:#8793A5;}

/* ===== Modal NDA ===== */
.nda-overlay{background:rgba(0,40,92,.5);}
.nda-modal-head{background:linear-gradient(135deg,var(--navy),var(--navy-2));}
.nda-modal-head p{color:#D6E3F7;}