/* ===== FONT SETUP ===== */
        body{
            font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
            font-size: 15px;
            line-height: 1.7;
            color:#333;
        }

        /* Brand & Heading */
        .navbar-brand,
        .section-title,
        h1, h2, h3, h4, h5, h6{
            font-family: 'Poppins', sans-serif;
            letter-spacing: .3px;
        }

        /* Hero Title */
        .hero h1{
            font-size: clamp(2rem, 4vw, 3.2rem);
            font-weight: 800;
        }

        /* Hero subtitle */
        .hero p{
            font-size: 1.1rem;
            font-weight: 400;
            opacity: .95;
        }

        /* Card Title */
        .card h6{
            font-weight: 600;
            font-size: 1rem;
        }

        /* Navbar Menu */
        .navbar-nav .nav-link{
            font-family: 'Poppins', sans-serif;
            font-weight: 500;
            font-size: 14px;
            letter-spacing: .5px;
        }
        body { scroll-behavior: smooth; }
        .hero, .hero-slide { height: 100vh; }
        /* ===== HEADER ===== */
        .navbar-brand{
            font-weight:800;
            letter-spacing:1px;
            color:#0d6efd !important; /* biru */
        }

        /* Menu text */
        .navbar-nav .nav-link{
            color:#111 !important;
            font-weight:500;
            position:relative;
        }
        /* About */
        #about{
            min-height: 100vh;
            display: flex;
            align-items: center;
        }
        .about-carousel{
            max-width: 380px;   /* ukuran diperkecil */
            margin: auto;
        }

        .about-carousel img{
            height: 260px;      /* tinggi konsisten */
            object-fit: cover; /* tidak gepeng */
        }

        /* ===== SERVICES FULL VIEW ===== */
        #productservices{
            min-height: 100vh;
            display: flex;
            align-items: center;
        }

        /* rapikan grid */
        #productservices .row{
            align-items: stretch;
        }

        /* tinggi card konsisten */
        #productservices .card{
            height: 50%;
            display: flex;
            flex-direction: column;
        }

        #productservices .card p{
            flex-grow: 1;
        }

        /* judul lebih dekat */
        #productservices .section-title{
            margin-bottom: 1.5rem;
        }

        /* Neon glow hover */
        .navbar-nav .nav-link:hover{
            color:#0d6efd !important;
            text-shadow:
                0 0 5px rgba(13,110,253,.8),
                0 0 10px rgba(13,110,253,.6),
                0 0 20px rgba(13,110,253,.4);
        }
        .navbar-nav .nav-link.active{
            color:#3481f5 !important;
            text-shadow:0 0 10px rgba(107, 162, 245, 0.8);
        }
        /* Button Selengkapnya */
        .btn-primary{
            font-family: 'Poppins', sans-serif;
            font-weight: 500;
            border-radius: 30px;
            transition: all .3s ease;
        }

        .btn-primary:hover{
            box-shadow:
                0 0 8px rgba(13,110,253,.6),
                0 0 16px rgba(13,110,253,.4);
            transform: translateY(-2px);
        }

        .hero-slide{
            background-size: cover;
            background-position: center;
            display:flex;
            align-items:center;
            justify-content:center;
            background-color:rgba(0,0,0,.55);
            background-blend-mode:overlay;
            color:#fff;
        }
        .section-title{
            font-weight:700;
            margin-bottom:2rem;
            text-align:center;
        }
        .card{
            border:none;
            border-radius:14px;
            transition:.3s;
        }
        .card:hover{
            transform:translateY(-8px);
            box-shadow:0 15px 30px rgba(0,0,0,.15);
        }
        footer{background:#111;color:#aaa;}

        .wa-float, #backTop{
            position:fixed;
            right:20px;
            width:55px;
            height:55px;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            box-shadow:0 4px 10px rgba(0,0,0,.3);
            z-index:999;
        }
        .wa-float{
            bottom:20px;
            background:#25D366;
        }
        #backTop{
            bottom:90px;
            background:#0d6efd;
            color:#fff;
            border:none;
            display:none;
        }
        .wa-float img{width:30px}
        /* ===== FOOTER ===== */
        .footer-white{
            background:#fff;
            color:#555;
            border-top:1px solid #eaeaea;
        }
        .navbar{
            transition:all .3s ease;
        }
        /* ===== CARD NEON BORDER ===== */
        .card{
            position:relative;
            background:#fff;
            border-radius:16px;
            padding:1.25rem;
            border:2px solid transparent;
            background-clip:padding-box;
            
            will-change: transform;
        }

        /* Neon border */
        .card::before{
            content:"";
            position:absolute;
            inset:0;
            border-radius:16px;
            padding:2px;
            background:linear-gradient(
                120deg,
                #0d6efd,
                #4fc3f7,
                #0d6efd
            );

            /* Standard property */
            mask:
                linear-gradient(#fff 0 0) content-box,
                linear-gradient(#fff 0 0);
            mask-composite: exclude;

            /* Webkit fallback */
            -webkit-mask:
                linear-gradient(#fff 0 0) content-box,
                linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;

            pointer-events:none;
        }

        /* Hover glow tipis */
        .card:hover::before{
            filter:drop-shadow(0 0 6px rgba(13,110,253,.8));
        }

        @keyframes borderFlow{
            0%{ background-position:0% 50%; }
            50%{ background-position:100% 50%; }
            100%{ background-position:0% 50%; }
        }

        .card::before{
            background-size:300% 300%;
            animation:borderFlow 6s linear infinite;
        }
        .card:hover i{
            text-shadow:
                0 0 6px rgba(13,110,253,.8),
                0 0 12px rgba(13,110,253,.6);
        }
        .team-card {
            border-radius: 12px;
            overflow: hidden;
            transition: all 0.3s ease;
        }

        .team-card img {
            height: 260px;
            object-fit: cover;
        }

        .team-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.12);
        }
        /* ===== PARALLAX SECTION ===== */
        .parallax-section{
            position: relative;
            background-image: url('assets/img/hero3.jpg');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }

        /* overlay gelap agar teks & card tetap jelas */
        .parallax-section::before{
            content:"";
            position:absolute;
            inset:0;
            background: rgba(0,0,0,0.6);
            z-index:0;
        }

        /* pastikan konten di atas overlay */
        .parallax-section > .container{
            position:relative;
            z-index:1;
        }

        /* judul & teks jadi putih */
        .parallax-section .section-title,
        .parallax-section p{
            color:#fff;
        }

        /* card tetap putih */
        .parallax-section .card{
            background:#fff;
        }