:root {
    /* PALET WARNA LILAC DOMINAN (#E2D3F4 & #013DC4) */
    --tp-darkest: #FDFBFF;     /* Background Utama (Putih dengan hint Lilac super tipis) */
    --tp-dark: #FFFFFF;        /* Background Card (Putih Bersih) */
    
    /* VARIABEL DIBALIK */
    --tp-green: #E2D3F4;       /* Lilac Pastel (Warna Dominan / Tombol / Aksen Background) */
    --tp-light: #013DC4;       /* Biru Elektrik (Warna Aksen / Hover / Teks Penting) */
    
    --tp-text-main: #0B1333;   /* Biru Gelap Pekat (Teks utama) */
    --tp-text-muted: #646E97;  /* Abu-abu kebiruan (Teks sekunder) */
    --tp-border: rgba(226, 211, 244, 0.8); /* Border transparan Lilac */
    
    --tp-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}


.cta-b2b-text h2 span {
    color: var(--tp-light); /* Biar warnanya jadi Biru Elektrik */
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: var(--tp-darkest);
    color: var(--tp-text-main);
    line-height: 1.6;
    overflow-x: hidden;
}

html, body {
    overflow-x: hidden !important; /* Kunci rapat biar gak bisa geser kanan-kiri */
    max-width: 100vw;
    width: 100%;
    position: relative;
}

a { text-decoration: none; transition: var(--tp-transition); }
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

/* HEADER STYLING */
.header {
    position: fixed; top: 0; left: 0; width: 100%;
    padding: 20px 0;
    background: rgba(253, 251, 255, 0.85); 
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--tp-border);
    z-index: 1000;
}

.nav-container { display: flex; justify-content: space-between; align-items: center; }

.logo { font-size: 24px; font-weight: 800; color: var(--tp-text-main); }
/* Titik pada logo pakai Biru Elektrik */
.logo span { color: var(--tp-light); } 

.navbar { display: flex; align-items: center; gap: 32px; }
.nav-link { font-size: 15px; font-weight: 600; color: var(--tp-text-muted); transition: var(--tp-transition); }
.nav-link:hover, .nav-link.active { color: var(--tp-light); }

/* TOMBOL CALL TO ACTION NAV */
.btn-cta-nav {
    padding: 10px 24px;
    background: var(--tp-green); /* Background Lilac */
    color: var(--tp-light) !important; /* Teks Biru Elektrik */
    border-radius: 8px; font-weight: 800; font-size: 14px;
    box-shadow: 0 4px 15px rgba(226, 211, 244, 0.6);
    transition: var(--tp-transition);
}

.btn-cta-nav:hover { 
    background: var(--tp-light); /* Hover jadi Biru Elektrik */
    color: #FFFFFF !important; /* Teks jadi putih */
    box-shadow: 0 6px 20px rgba(1, 61, 196, 0.25);
    transform: translateY(-2px); 
}

.menu-icon { display: none; font-size: 28px; color: var(--tp-text-main); cursor: pointer; }

@media (max-width: 768px) {
    .navbar { display: none; }
    .menu-icon { display: block; }
}