/* Optional overlay for readability */
    .overlay {
        position: absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background: rgba(0,0,0,0.5);
        z-index:1;
    }

    /* Section Titles */
    .section-title {
        font-size: 36px;
        font-weight: 700;
        margin-bottom: 15px;
    }
    .section-subtitle {
        font-size: 18px;
        margin-bottom: 40px;
    }

    /* Features Grid */
    .features-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 25px;
        padding: 10px;
        text-align: center;
        position: relative;
        z-index: 2;
    }

    /* Feature Box */
    .feature-box {
        background: rgba(255,255,255,0.1);
        border-radius: 12px;
        padding: 25px 15px;
        box-shadow: 0 8px 20px rgba(0,0,0,0.15);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        opacity: 0;
        transform: translateY(40px);
        animation: fadeSlideUp 0.8s ease-out forwards;
    }
    .feature-box:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 25px rgba(0,0,0,0.25);
    }

    /* Icon Circle */
    .icon-circle {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        margin: 0 auto 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 28px;
        transition: transform 0.3s ease, background 0.3s ease;
    }
    .feature-box:hover .icon-circle {
        transform: scale(1.2);
    }

    /* Feature Text */
    .feature-box h3 {
        font-size: 20px;
        margin-bottom: 10px;
        font-weight: 600;
    }
    .feature-box p {
        font-size: 14px;
        line-height: 1.6;
        color: #fff;
    }

    /* Animation */
    @keyframes fadeSlideUp {
        from { opacity: 0; transform: translateY(40px); }
        to { opacity: 1; transform: translateY(0); }
    }

    /* Staggered Animation */
    .feature-box:nth-child(1) { animation-delay: 0.2s; }
    .feature-box:nth-child(2) { animation-delay: 0.4s; }
    .feature-box:nth-child(3) { animation-delay: 0.6s; }
    .feature-box:nth-child(4) { animation-delay: 0.8s; }
    .feature-box:nth-child(5) { animation-delay: 1s; }
    .feature-box:nth-child(6) { animation-delay: 1.2s; }
    .feature-box:nth-child(7) { animation-delay: 1.4s; }
    .feature-box:nth-child(8) { animation-delay: 1.6s; }
    .feature-box:nth-child(9) { animation-delay: 1.8s; }
    .feature-box:nth-child(10){ animation-delay: 2s; }
    .feature-box:nth-child(11){ animation-delay: 2.2s; }
    .feature-box:nth-child(12){ animation-delay: 2.4s; }
    .feature-box:nth-child(13){ animation-delay: 2.6s; }
    .feature-box:nth-child(14){ animation-delay: 2.8s; }
    .feature-box:nth-child(15){ animation-delay: 3s; }