/* Feature Section */
        .feature-section {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 100px;
            align-items: center;
        }

        .feature-content h2 {
            font-size: 2.6rem;
            margin-bottom: 28px;
            letter-spacing: -0.02em;
        }

        .feature-content > p {
            font-size: 1.15rem;
            margin-bottom: 40px;
            color: var(--text-muted);
            line-height: 1.9;
        }

        .feature-list {
            list-style: none;
        }

        .feature-list li {
            display: flex;
            align-items: flex-start;
            gap: 20px;
            margin-bottom: 24px;
            font-size: 1.1rem;
            color: var(--text-medium);
        }

        .feature-check {
            width: 32px;
            height: 32px;
            background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            font-size: 1rem;
            color: #ffffff;
            box-shadow: 0 4px 12px rgba(99, 102, 241, 0.25);
        }

        .feature-visual {
            position: relative;
        }

        .feature-card-stack {
            position: relative;
            height: 560px;
        }

        .feature-float-card {
            position: absolute;
            padding: 28px 36px;
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: 22px;
            box-shadow: var(--shadow);
        }

        .feature-float-card:nth-child(1) {
            top: 0;
            left: 0;
            animation: floatCard 8s infinite ease-in-out;
        }

        .feature-float-card:nth-child(2) {
            top: 100px;
            right: 0;
            animation: floatCard 8s infinite ease-in-out 1.5s;
        }

        .feature-float-card:nth-child(3) {
            top: 240px;
            left: 50px;
            animation: floatCard 8s infinite ease-in-out 3s;
        }

        .feature-float-card:nth-child(4) {
            bottom: 100px;
            right: 50px;
            animation: floatCard 8s infinite ease-in-out 4.5s;
        }

        .feature-float-card:nth-child(5) {
            bottom: 0;
            left: 30px;
            animation: floatCard 8s infinite ease-in-out 6s;
        }

        @keyframes floatCard {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-12px); }
        }

        .float-card-label {
            font-size: 0.9rem;
            color: var(--text-light);
            margin-bottom: 10px;
        }

        .float-card-value {
            font-size: 1.6rem;
            font-weight: 700;
        }

        .float-card-value.green { color: #10b981; }
        .float-card-value.blue { color: var(--accent); }
        .float-card-value.purple { color: var(--primary); }
        .float-card-value.pink { color: var(--accent-pink); }

        @media (max-width: 1024px) {
            .feature-section {
                grid-template-columns: 1fr;
            }

            .feature-card-stack {
                height: 450px;
            }
            .feature-list{
                padding-left: 5vw;
            }

        }

        @media (max-width: 480px) {
            .feature-card-stack {
                height: auto;
                display: flex;
                flex-direction: column;
                gap: 20px;
            }

            .feature-float-card {
                position: relative;
                top: auto !important;
                left: auto !important;
                right: auto !important;
                bottom: auto !important;
                animation: none !important;
            }
        }