body {
        background: #e3e5e7;
    }

    .hero {
    background: linear-gradient(rgba(2,6,23,0.8), rgba(2,6,23,0.8)),
        url("https://images.pexels.com/photos/6326370/pexels-photo-6326370.jpeg?auto=format&fit=crop&w=1600&q=80");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: #fff;
    padding: 120px 0;
    position: relative;
    overflow: hidden;
}

    .hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: url('https://www.transparenttextures.com/patterns/cubes.png');
        opacity: 0.1;
    }

    .hero-content {
        position: relative;
        z-index: 2;
        text-align: center;
    }

    .glass-card {
        background: rgba(255, 255, 255, 0.15);
        backdrop-filter: blur(15px);
        border-radius: 18px;
        box-shadow: 0 20px 40px rgba(0,0,0,0.25);
        border: 1px solid rgba(255,255,255,0.2);
    }

    .section-title {
        font-weight: 700;
        color: #020617;
        text-align: center;
    }

    .icon-box {
        background: linear-gradient(135deg, #f67e26, #f9951e);
        color: #fff;
        padding: 18px;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
    }

    .pricing-card {
        border-radius: 18px;
        box-shadow: 0 15px 35px rgba(2,6,23,0.08);
        border: none;
    }

    .btn-main {
        background: linear-gradient(135deg, #f67e26, #f9951e);
        border: none;
        color: #fff;
    }

    .btn-main:hover {
        opacity: 0.9;
    }
    
    /* ======== PRICING GOLD SECTION ======== */
.pricing-section {
    background: linear-gradient(135deg, #f67e26, #f9951e);
    padding: 90px 0;
}

.section-title.mb-4.text-dark.fw-bold {
        font-weight: 700;
        color: #ffffff;
    }

.pricing-card {
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.pricing-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 45px rgba(0,0,0,0.25);
}

.pricing-card h5 {
    font-weight: 700;
    margin-bottom: 15px;
}

.pricing-card p {
    font-size: 1rem;
}

.lead.text-dark.mb-5 p{
    font-weight: 400;
    color: #ffffff;
}

/* ===== SMOOTH GLOBAL ANIMATIONS ===== */
section {
    opacity: 0;
    transform: translateY(50px);
    animation: fadeUp 1.5s ease forwards;
}

section:nth-child(2) { animation-delay: 0.9s; }
section:nth-child(3) { animation-delay: 1.0s; }
section:nth-child(4) { animation-delay: 1.6s; }

/* Cards, boxes & pricing animations */
.card,
.pricing-card,
.glass-card {
    animation: scaleIn 1.0s ease forwards;
}

/* Buttons hover micro-interaction */
.btn,
.btn-main {
    transition: all 0.3s ease;
}

.btn:hover,
.btn-main:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(2,6,23,0.3);
}

/* Headings subtle entry */
.section-title,
.hero h1,
.hero p {
    animation: fadeLeft 1s ease forwards;
}

/* Keyframes */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translateX(-40px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0.92);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* ===== FORCE SCROLL-ONLY ANIMATIONS (FIXED) ===== */
section,
.card,
.pricing-card,
.glass-card,
img {
    opacity: 0;
    transform: translateY(60px);
    transition: all 0.9s ease !important;
    will-change: transform, opacity;
}

.animate-show {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* Cards pop effect */
.animate-pop {
    opacity: 1 !important;
    transform: scale(1) !important;
}