/* Base Styles */
    #custom-container-vantage-ml-researchers {
        font-family: 'Inter', sans-serif !important;
        color: #1A202C !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important; /* Ensure no horizontal scrolling */
        --primary: #5a48db !important;
        --primary-light: #7a6aef !important;
        --primary-dark: #4938b8 !important;
        --bg-light: #f7f9fc !important;
        --bg-white: #ffffff !important;
        --text-dark: #1A202C !important;
        --text-medium: #4A5568 !important;
        --text-light: #ffffff !important;
        --border-radius: 12px !important;
        --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
        --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
        --shadow-lg: 0 16px 32px rgba(0, 0, 0, 0.15) !important;
        --space-xs: 0.5rem !important;
        --space-sm: 1rem !important;
        --space-md: 2rem !important;
        --space-lg: 3rem !important;
        --space-xl: 4rem !important;
        --transition: all 0.3s ease !important;
        padding-top: 0 !important;
        position: relative !important; /* Ensure floating elements stay contained */
    }

    .custom-container {
        max-width: 1200px !important;
        margin: 0 auto !important;
        padding: 0 var(--space-md) !important;
        position: relative !important;
        z-index: 2 !important;
    }

    .custom-section {
        padding: var(--space-xl) 0 !important;
        position: relative !important;
    }

    .custom-section-header {
        text-align: center !important;
        max-width: 800px !important;
        margin: 0 auto var(--space-xl) !important;
    }

    .custom-section-title {
        font-size: 2.5rem !important;
        font-weight: 800 !important;
        color: var(--text-dark) !important;
        margin-bottom: var(--space-sm) !important;
        position: relative !important;
        display: inline-block !important;
    }

    .custom-section-title::after {
        content: "" !important;
        position: absolute !important;
        width: 80px !important;
        height: 4px !important;
        background: var(--primary) !important;
        bottom: -10px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        border-radius: 2px !important;
    }

    .custom-section-description {
        font-size: 1.125rem !important;
        line-height: 1.7 !important;
        color: var(--text-medium) !important;
        margin-top: var(--space-md) !important;
    }

    /* Animations */
    @keyframes float {
        0% { transform: translateY(0px); }
        50% { transform: translateY(-20px); }
        100% { transform: translateY(0px); }
    }

    @keyframes pulse {
        0% { transform: scale(1); }
        50% { transform: scale(1.05); }
        100% { transform: scale(1); }
    }

    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }

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

    @keyframes shimmer {
        0% { background-position: -1000px 0; }
        100% { background-position: 1000px 0; }
    }

    .custom-animate-fadeIn {
        opacity: 0;
        animation: fadeIn 0.8s ease forwards;
    }

    .custom-animate-delay-1 {
        animation-delay: 0.2s !important;
    }

    .custom-animate-delay-2 {
        animation-delay: 0.4s !important;
    }

    .custom-animate-delay-3 {
        animation-delay: 0.6s !important;
    }

    .custom-animate-delay-4 {
        animation-delay: 0.8s !important;
    }

    .custom-animate-float {
        animation: float 6s ease-in-out infinite;
    }

    .custom-animate-pulse {
        animation: pulse 3s ease-in-out infinite;
    }

    /* Logo and Navigation */
    .custom-navbar {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 15px 0 !important;
        position: absolute !important;
        top: 70px !important; /* Fixed: Moved down by 70px */
        left: 0 !important;
        width: 100% !important;
        z-index: 10 !important;
    }

    .custom-logo {
        height: 40px !important;
        width: auto !important;
    }

    /* Hero Section - Updated for responsive layout */
    .custom-hero {
        background: linear-gradient(-45deg, #1c1339, #2c2159, #392c76, #5a48db) !important;
        background-size: 400% 400% !important;
        animation: gradientBG 15s ease infinite;
        position: relative !important;
        overflow: hidden !important;
        padding: 180px 0 120px !important;
        color: var(--text-light) !important;
    }

    .custom-hero::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        right: -300px !important;
        width: 600px !important;
        height: 600px !important;
        background: var(--primary) !important;
        border-radius: 50% !important;
        opacity: 0.1 !important;
    }

    .custom-hero::after {
        content: "" !important;
        position: absolute !important;
        bottom: -200px !important;
        left: -200px !important;
        width: 500px !important;
        height: 500px !important;
        background: var(--primary-light) !important;
        border-radius: 50% !important;
        opacity: 0.1 !important;
    }

    .custom-hero-particles {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important;
        z-index: 1 !important;
    }

    .custom-particle {
        position: absolute !important;
        width: 6px !important;
        height: 6px !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border-radius: 50% !important;
    }

    /* Updated hero content layout for responsive design */
    .custom-hero-content {
        position: relative !important;
        z-index: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    /* New two-column hero layout for larger screens */
    @media (min-width: 992px) {
        .custom-hero-content {
            flex-direction: row !important;
            justify-content: space-between !important;
            align-items: center !important;
            text-align: left !important;
        }

        .custom-hero-text {
            flex: 1 !important;
            max-width: 55% !important;
            padding-right: var(--space-lg) !important;
        }

        .custom-hero-image-wrapper {
            flex: 1 !important;
            max-width: 45% !important;
            margin-top: 0 !important;
        }

        .custom-btn-group {
            justify-content: flex-start !important;
        }

        .custom-hero-title::after {
            left: 0 !important;
            transform: none !important;
        }
    }

    .custom-hero-text {
        margin-bottom: var(--space-md) !important;
    }

    .custom-hero-title {
        font-size: 4rem !important;
        font-weight: 800 !important;
        margin-bottom: var(--space-md) !important;
        background: linear-gradient(90deg, #ffffff 0%, #e6e9ff 100%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
        text-fill-color: transparent !important;
        text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1) !important;
        line-height: 1.2 !important;
    }

    .custom-hero-title span {
        display: block !important;
    }

    .custom-hero-highlight {
        position: relative !important;
        display: inline-block !important;
        z-index: 1 !important;
        color: #ffffff !important; /* Fixed: Made highlight text white */
        -webkit-text-fill-color: #ffffff !important; /* Fixed: Made highlight text white */
    }

    .custom-hero-highlight::after {
        content: "" !important;
        position: absolute !important;
        bottom: 5px !important;
        left: 0 !important;
        width: 100% !important;
        height: 12px !important;
        background: rgba(90, 72, 219, 0.3) !important;
        z-index: -1 !important;
        border-radius: 6px !important;
        transform: skewX(-15deg) !important;
    }

    .custom-hero-subtitle {
        font-size: 1.5rem !important;
        line-height: 1.5 !important;
        margin-bottom: var(--space-lg) !important;
        max-width: 800px !important;
        font-weight: 300 !important;
    }

    .custom-hero-image-wrapper {
        position: relative !important;
        width: 500px !important;
        height: 400px !important;
        margin-top: 40px !important;
    }

    .custom-hero-image {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        z-index: 2 !important;
        transform-style: preserve-3d !important;
        transform: perspective(1000px) rotateY(0deg) !important;
        animation: float 6s ease-in-out infinite !important;
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.3) !important;
        border-radius: 20px !important;
        transition: transform 0.3s ease !important;
    }

    .custom-hero-image:hover {
        transform: perspective(1000px) rotateY(15deg) translateY(-10px) !important;
    }

    .custom-btn-group {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: var(--space-sm) !important;
        margin-top: var(--space-md) !important;
        flex-wrap: wrap !important;
    }

    /* Buttons */
    .custom-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 16px 36px !important;
        font-size: 1rem !important;
        font-weight: 600 !important;
        line-height: 1.5 !important;
        color: var(--text-light) !important;
        background-color: var(--primary) !important;
        border-radius: 50px !important;
        text-decoration: none !important;
        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
        border: none !important;
        cursor: pointer !important;
        position: relative !important;
        overflow: hidden !important;
        box-shadow: 0 4px 15px rgba(90, 72, 219, 0.25) !important;
        z-index: 1 !important;
    }

    .custom-btn::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: linear-gradient(45deg, rgba(255,255,255,0.2), rgba(255,255,255,0)) !important;
        z-index: -1 !important;
        transition: all 0.4s ease !important;
    }

    .custom-btn::after {
        content: "" !important;
        position: absolute !important;
        width: 20px !important;
        height: 200% !important;
        background: rgba(255,255,255,0.2) !important;
        transform: rotate(35deg) !important;
        top: -50% !important;
        left: -100% !important;
        transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important;
        z-index: -1 !important;
    }

    .custom-btn:hover {
        transform: translateY(-5px) scale(1.03) !important;
        box-shadow: 0 10px 25px rgba(90, 72, 219, 0.4) !important;
    }

    .custom-btn:hover::after {
        left: 200% !important;
    }

    .custom-btn-white {
        background-color: var(--bg-white) !important;
        color: var(--primary) !important;
        box-shadow: 0 4px 15px rgba(255, 255, 255, 0.25) !important;
    }

    .custom-btn-white:hover {
        box-shadow: 0 10px 25px rgba(255, 255, 255, 0.3) !important;
    }

    .custom-btn-icon {
        margin-left: 10px !important;
        transition: transform 0.3s ease !important;
    }

    .custom-btn:hover .custom-btn-icon {
        transform: translateX(5px) !important;
    }

    /* Key metrics section */
    .custom-key-metrics {
        background-color: var(--bg-light) !important;
        padding: var(--space-xl) 0 !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .custom-key-metrics::before {
        content: "" !important;
        position: absolute !important;
        top: -100px !important;
        right: -100px !important;
        width: 300px !important;
        height: 300px !important;
        background: linear-gradient(135deg, rgba(90, 72, 219, 0.1), rgba(90, 72, 219, 0.05)) !important;
        border-radius: 50% !important;
        z-index: 1 !important;
    }

    .custom-key-metrics::after {
        content: "" !important;
        position: absolute !important;
        bottom: -100px !important;
        left: -100px !important;
        width: 300px !important;
        height: 300px !important;
        background: linear-gradient(135deg, rgba(90, 72, 219, 0.08), rgba(90, 72, 219, 0.02)) !important;
        border-radius: 50% !important;
        z-index: 1 !important;
    }

    .custom-metrics-container {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
        gap: var(--space-md) !important;
        position: relative !important;
        z-index: 2 !important;
    }

    .custom-metric-card {
        background-color: var(--bg-white) !important;
        border-radius: 20px !important;
        padding: var(--space-lg) var(--space-md) !important;
        text-align: center !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
        transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
        border-top: 5px solid var(--primary) !important;
        position: relative !important;
        z-index: 1 !important;
        overflow: hidden !important;
    }

    .custom-metric-card::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: linear-gradient(135deg, rgba(90, 72, 219, 0.05) 0%, rgba(255, 255, 255, 0) 60%) !important;
        z-index: -1 !important;
    }

    .custom-metric-card:hover {
        transform: translateY(-15px) !important;
        box-shadow: 0 20px 40px rgba(90, 72, 219, 0.15) !important;
    }

    .custom-metric-icon {
        font-size: 2.5rem !important;
        color: var(--primary) !important;
        margin-bottom: var(--space-sm) !important;
        transition: transform 0.3s ease !important;
    }

    .custom-metric-card:hover .custom-metric-icon {
        transform: scale(1.2) !important;
    }

    .custom-metric-value {
        font-size: 3.5rem !important;
        font-weight: 800 !important;
        background: linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
        text-fill-color: transparent !important;
        margin-bottom: var(--space-xs) !important;
        transition: transform 0.3s ease !important;
        display: inline-block !important;
    }

    .custom-metric-card:hover .custom-metric-value {
        transform: scale(1.1) !important;
    }

    .custom-metric-label {
        font-size: 1.1rem !important;
        color: var(--text-medium) !important;
        line-height: 1.5 !important;
        font-weight: 500 !important;
    }

    /* Overview section */
    .custom-overview {
        background-color: var(--bg-white) !important;
        padding: calc(var(--space-xl) * 1.5) 0 !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .custom-overview::before {
        content: "" !important;
        position: absolute !important;
        width: 1000px !important;
        height: 1000px !important;
        background: radial-gradient(circle, rgba(90, 72, 219, 0.03) 0%, rgba(255, 255, 255, 0) 70%) !important;
        top: -400px !important;
        left: -400px !important;
        z-index: 1 !important;
    }

    .custom-overview-content {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: var(--space-xl) !important;
        align-items: center !important;
        position: relative !important;
        z-index: 2 !important;
    }

    .custom-overview-text {
        padding-right: var(--space-lg) !important;
    }

    .custom-overview-title {
        font-size: 2.5rem !important;
        font-weight: 700 !important;
        margin-bottom: var(--space-md) !important;
        color: var(--text-dark) !important;
        position: relative !important;
        display: inline-block !important;
    }

    .custom-overview-title::after {
        content: "" !important;
        position: absolute !important;
        width: 80px !important;
        height: 4px !important;
        background: var(--primary) !important;
        bottom: -10px !important;
        left: 0 !important;
        border-radius: 2px !important;
    }

    .custom-overview-description {
        font-size: 1.1rem !important;
        line-height: 1.7 !important;
        color: var(--text-medium) !important;
        margin-bottom: var(--space-md) !important;
    }

    .custom-overview-image {
        width: 100% !important;
        height: auto !important;
        border-radius: 20px !important;
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
        overflow: hidden !important;
        transform: perspective(1000px) rotateY(-5deg) !important;
        transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
        position: relative !important;
    }

    .custom-overview-image::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: linear-gradient(135deg, rgba(90, 72, 219, 0.2) 0%, rgba(255, 255, 255, 0) 50%) !important;
        z-index: 2 !important;
        opacity: 0 !important;
        transition: opacity 0.3s ease !important;
    }

    .custom-overview-image img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        transition: transform 0.5s ease !important;
        vertical-align: middle !important;
    }

    .custom-overview-image:hover {
        transform: perspective(1000px) rotateY(0deg) translateY(-10px) !important;
        box-shadow: 0 30px 60px -12px rgba(90, 72, 219, 0.25) !important;
    }

    .custom-overview-image:hover::before {
        opacity: 1 !important;
    }

    .custom-overview-image:hover img {
        transform: scale(1.05) !important;
    }

    /* Challenges Section */
    .custom-challenges {
        background: linear-gradient(135deg, #f3f5fb 0%, #eaedff 100%) !important;
        position: relative !important;
        padding: calc(var(--space-xl) * 1.5) 0 !important;
        overflow: hidden !important;
    }

    .custom-challenges::before {
        content: "" !important;
        position: absolute !important;
        width: 500px !important;
        height: 500px !important;
        background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%235a48db' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E") !important;
        top: -200px !important;
        right: -200px !important;
        z-index: 1 !important;
    }

    .custom-challenges-container {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: var(--space-lg) !important;
        position: relative !important;
        z-index: 2 !important;
    }

    .custom-challenge-category {
        margin-bottom: var(--space-md) !important;
    }

    .custom-category-title {
        font-size: 1.5rem !important;
        font-weight: 700 !important;
        margin-bottom: var(--space-sm) !important;
        color: var(--text-dark) !important;
        position: relative !important;
        display: inline-block !important;
    }

    .custom-category-title::after {
        content: "" !important;
        position: absolute !important;
        width: 60px !important;
        height: 3px !important;
        background: var(--primary) !important;
        bottom: -8px !important;
        left: 0 !important;
        border-radius: 2px !important;
    }

    .custom-challenge-list {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .custom-challenge-item {
        display: flex !important;
        align-items: flex-start !important;
        margin-bottom: var(--space-sm) !important;
        background-color: var(--bg-white) !important;
        padding: var(--space-sm) var(--space-md) !important;
        border-radius: 12px !important;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05) !important;
        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
        position: relative !important;
        overflow: hidden !important;
        z-index: 1 !important;
        border-left: 3px solid var(--primary) !important;
    }

    .custom-challenge-item::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: linear-gradient(90deg, rgba(90, 72, 219, 0.05) 0%, rgba(255, 255, 255, 0) 50%) !important;
        z-index: -1 !important;
        opacity: 0 !important;
        transition: opacity 0.3s ease !important;
    }

    .custom-challenge-item:hover {
        transform: translateY(-5px) translateX(5px) !important;
        box-shadow: 0 15px 30px rgba(90, 72, 219, 0.15) !important;
    }

    .custom-challenge-item:hover::before {
        opacity: 1 !important;
    }

    .custom-challenge-icon {
        margin-right: var(--space-sm) !important;
        color: var(--primary) !important;
        font-size: 1.2rem !important;
        flex-shrink: 0 !important;
        margin-top: 3px !important;
        transition: transform 0.3s ease !important;
    }

    .custom-challenge-item:hover .custom-challenge-icon {
        transform: scale(1.2) !important;
    }

    /* Solution Section */
    .custom-solution {
        background-color: var(--bg-white) !important;
        padding: calc(var(--space-xl) * 1.5) 0 !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .custom-solution::before {
        content: "" !important;
        position: absolute !important;
        width: 800px !important;
        height: 800px !important;
        background: radial-gradient(circle, rgba(90, 72, 219, 0.03) 0%, rgba(255, 255, 255, 0) 70%) !important;
        bottom: -400px !important;
        right: -400px !important;
        z-index: 1 !important;
    }

    .custom-solution-title {
        font-size: 2.2rem !important;
        font-weight: 700 !important;
        margin-bottom: var(--space-lg) !important;
        text-align: center !important;
        color: var(--text-dark) !important;
        position: relative !important;
        display: inline-block !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    .custom-solution-title::after {
        content: "" !important;
        position: absolute !important;
        width: 80px !important;
        height: 4px !important;
        background: var(--primary) !important;
        bottom: -10px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        border-radius: 2px !important;
    }

    .custom-solution-grid {
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
        gap: var(--space-lg) !important;
        position: relative !important;
        z-index: 2 !important;
    }

    .custom-solution-card {
        background-color: var(--bg-light) !important;
        border-radius: 20px !important;
        padding: var(--space-lg) !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
        transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
        position: relative !important;
        z-index: 1 !important;
        overflow: hidden !important;
    }

    .custom-solution-card::before {
        content: "" !important;
        position: absolute !important;
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        left: 0 !important;
        background: linear-gradient(45deg, rgba(90, 72, 219, 0.05) 0%, rgba(255, 255, 255, 0) 70%) !important;
        z-index: -1 !important;
    }

    .custom-solution-card::after {
        content: "" !important;
        position: absolute !important;
        width: 200px !important;
        height: 200px !important;
        background: radial-gradient(circle, rgba(90, 72, 219, 0.05) 0%, rgba(255, 255, 255, 0) 70%) !important;
        top: -100px !important;
        right: -100px !important;
        z-index: -1 !important;
        border-radius: 50% !important;
    }

    .custom-solution-card:hover {
        transform: translateY(-15px) !important;
        box-shadow: 0 20px 40px rgba(90, 72, 219, 0.15) !important;
    }

    .custom-solution-card-title {
        font-size: 1.5rem !important;
        font-weight: 700 !important;
        margin-bottom: calc(var(--space-md) + 5px) !important;
        color: var(--text-dark) !important;
        position: relative !important;
    }

    .custom-solution-card-title::before {
        content: "" !important;
        position: absolute !important;
        width: 40px !important;
        height: 40px !important;
        background-color: rgba(90, 72, 219, 0.1) !important;
        border-radius: 50% !important;
        top: -10px !important;
        left: -15px !important;
        z-index: -1 !important;
    }

    .custom-solution-card-title::after {
        content: "" !important;
        position: absolute !important;
        width: 50px !important;
        height: 3px !important;
        background: var(--primary) !important;
        bottom: -10px !important;
        left: 0 !important;
        border-radius: 2px !important;
    }

    .custom-solution-feature-list {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .custom-solution-feature {
        display: flex !important;
        align-items: center !important;
        margin-bottom: var(--space-sm) !important;
        transition: transform 0.3s ease !important;
        position: relative !important;
        z-index: 1 !important;
    }

    .custom-solution-feature:hover {
        transform: translateX(8px) !important;
    }

    .custom-solution-feature-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 32px !important;
        height: 32px !important;
        background-color: rgba(90, 72, 219, 0.1) !important;
        color: var(--primary) !important;
        border-radius: 50% !important;
        margin-right: var(--space-sm) !important;
        font-size: 0.9rem !important;
        flex-shrink: 0 !important;
        transition: all 0.3s ease !important;
    }

    .custom-solution-feature:hover .custom-solution-feature-icon {
        background-color: var(--primary) !important;
        color: white !important;
        transform: scale(1.1) !important;
        box-shadow: 0 5px 10px rgba(90, 72, 219, 0.2) !important;
    }

    /* Workflow section */
    .custom-workflow {
        background: linear-gradient(135deg, #f3f5fb 0%, #eaedff 100%) !important;
        padding: calc(var(--space-xl) * 1.5) 0 !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .custom-workflow::before {
        content: "" !important;
        position: absolute !important;
        width: 600px !important;
        height: 600px !important;
        border-radius: 50% !important;
        background: radial-gradient(circle, rgba(90, 72, 219, 0.05) 0%, rgba(255, 255, 255, 0) 70%) !important;
        top: -200px !important;
        left: -200px !important;
        z-index: 1 !important;
    }

    .custom-workflow-steps {
        display: flex !important;
        flex-direction: column !important;
        gap: var(--space-md) !important;
        max-width: 900px !important;
        margin: 0 auto !important;
        position: relative !important;
        z-index: 2 !important;
    }

    .custom-workflow-step {
        display: flex !important;
        align-items: flex-start !important;
        background-color: var(--bg-white) !important;
        border-radius: 20px !important;
        padding: var(--space-md) !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
        position: relative !important;
        overflow: hidden !important;
        z-index: 1 !important;
    }

    .custom-workflow-step::before {
        content: "" !important;
        position: absolute !important;
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        left: 0 !important;
        background: linear-gradient(45deg, rgba(90, 72, 219, 0.03) 0%, rgba(255, 255, 255, 0) 70%) !important;
        z-index: -1 !important;
    }

    .custom-workflow-step:hover {
        transform: translateY(-8px) scale(1.01) !important;
        box-shadow: 0 20px 40px rgba(90, 72, 219, 0.15) !important;
    }

    .custom-workflow-connect {
        position: absolute !important;
        left: 20px !important;
        height: calc(100% + var(--space-md)) !important;
        top: 50% !important;
        width: 2px !important;
        background: linear-gradient(to bottom, var(--primary) 0%, rgba(90, 72, 219, 0.3) 100%) !important;
        z-index: 0 !important;
    }

    .custom-step-number {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 50px !important;
        height: 50px !important;
        background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%) !important;
        color: var(--text-light) !important;
        font-weight: 700 !important;
        font-size: 1.2rem !important;
        border-radius: 50% !important;
        margin-right: var(--space-md) !important;
        flex-shrink: 0 !important;
        box-shadow: 0 8px 15px rgba(90, 72, 219, 0.2) !important;
        transition: transform 0.3s ease !important;
        position: relative !important;
        z-index: 2 !important;
    }

    .custom-workflow-step:hover .custom-step-number {
        transform: scale(1.1) rotate(10deg) !important;
        box-shadow: 0 10px 20px rgba(90, 72, 219, 0.3) !important;
    }

    .custom-step-content {
        flex-grow: 1 !important;
    }

    .custom-step-title {
        font-size: 1.4rem !important;
        font-weight: 700 !important;
        margin-bottom: var(--space-xs) !important;
        color: var(--text-dark) !important;
    }

    .custom-step-description {
        color: var(--text-medium) !important;
        line-height: 1.6 !important;
        font-size: 1.05rem !important;
    }

    /* Results section */
    .custom-results {
        background-color: var(--bg-white) !important;
        padding: calc(var(--space-xl) * 1.5) 0 !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .custom-results::before {
        content: "" !important;
        position: absolute !important;
        width: 800px !important;
        height: 800px !important;
        background: radial-gradient(circle, rgba(90, 72, 219, 0.03) 0%, rgba(255, 255, 255, 0) 70%) !important;
        top: -400px !important;
        left: -400px !important;
        z-index: 1 !important;
    }

    /* Updated Results and Metrics Grids */
    .custom-results-grid,
    .custom-metrics-container {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: var(--space-lg) !important;
        position: relative !important;
        z-index: 2 !important;
    }

    /* Responsive layout for both grids */
    @media (min-width: 992px) {
        /* Fixed: Center align the 4th item when it's alone in a row */
        .custom-results-grid > *:nth-child(4):nth-last-child(1),
        .custom-metrics-container > *:nth-child(4):nth-last-child(1) {
            grid-column: 2 !important;
            margin: 0 auto !important;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .custom-results-grid,
        .custom-metrics-container {
            grid-template-columns: repeat(2, 1fr) !important;
        }

        /* Fixed: Center the single card in a row at medium screen sizes */
        .custom-results-grid > *:nth-child(odd):nth-last-child(1),
        .custom-metrics-container > *:nth-child(odd):nth-last-child(1) {
            grid-column: 1 / span 2 !important;
            max-width: 50% !important;
            margin: 0 auto !important;
        }
    }

    @media (max-width: 767px) {
        .custom-results-grid,
        .custom-metrics-container {
            grid-template-columns: 1fr !important;
        }
    }

    .custom-result-card {
        background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%) !important;
        color: var(--text-light) !important;
        border-radius: 20px !important;
        padding: var(--space-lg) !important;
        box-shadow: 0 15px 30px rgba(90, 72, 219, 0.2) !important;
        transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
        text-align: center !important;
        position: relative !important;
        overflow: hidden !important;
        z-index: 1 !important;
    }

    .custom-result-card::before {
        content: "" !important;
        position: absolute !important;
        width: 150px !important;
        height: 150px !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border-radius: 50% !important;
        top: -75px !important;
        right: -75px !important;
        z-index: -1 !important;
    }

    .custom-result-card::after {
        content: "" !important;
        position: absolute !important;
        width: 100px !important;
        height: 100px !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border-radius: 50% !important;
        bottom: -50px !important;
        left: -50px !important;
        z-index: -1 !important;
    }

    .custom-result-card:hover {
        transform: translateY(-15px) !important;
        box-shadow: 0 25px 50px rgba(90, 72, 219, 0.3) !important;
    }

    .custom-result-icon {
        font-size: 3rem !important;
        margin-bottom: var(--space-sm) !important;
        display: inline-block !important;
        transition: transform 0.3s ease !important;
    }

    .custom-result-card:hover .custom-result-icon {
        transform: scale(1.2) !important;
    }

    .custom-result-title {
        font-size: 1.5rem !important;
        font-weight: 700 !important;
        margin-bottom: var(--space-sm) !important;
        color: var(--text-light) !important;
    }

    .custom-result-description {
        font-size: 1.05rem !important;
        line-height: 1.6 !important;
        opacity: 0.9 !important;
    }

    /* Testimonial section */
    .custom-testimonial-section {
        background-color: var(--bg-light) !important;
        padding: calc(var(--space-xl) * 1.5) 0 !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .custom-testimonial-section::before {
        content: "" !important;
        position: absolute !important;
        width: 500px !important;
        height: 500px !important;
        background: radial-gradient(circle, rgba(90, 72, 219, 0.05) 0%, rgba(255, 255, 255, 0) 70%) !important;
        bottom: -250px !important;
        right: -250px !important;
        z-index: 1 !important;
    }

    .custom-testimonial {
        max-width: 800px !important;
        margin: 0 auto !important;
        text-align: center !important;
        position: relative !important;
        padding: 0 var(--space-lg) !important;
        z-index: 2 !important;
    }

    .custom-testimonial-quote {
        font-size: 1.7rem !important;
        line-height: 1.6 !important;
        font-style: italic !important;
        color: var(--text-dark) !important;
        margin-bottom: var(--space-lg) !important;
        position: relative !important;
        background: linear-gradient(135deg, #f8f9fd 0%, #ffffff 100%) !important;
        padding: var(--space-lg) !important;
        border-radius: 20px !important;
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05) !important;
    }

    .custom-testimonial-quote::before,
    .custom-testimonial-quote::after {
        content: """ !important;
        font-family: Georgia, serif !important;
        font-size: 6rem !important;
        position: absolute !important;
        color: var(--primary) !important;
        opacity: 0.1 !important;
        line-height: 0 !important;
    }

    .custom-testimonial-quote::before {
        top: 30px !important;
        left: 20px !important;
    }

    .custom-testimonial-quote::after {
        content: """ !important;
        bottom: 0 !important;
        right: 20px !important;
    }

    .custom-testimonial-author-container {
        position: relative !important;
        display: inline-block !important;
        background: white !important;
        padding: 20px 30px !important;
        border-radius: 60px !important;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05) !important;
        margin-top: -30px !important;
    }

    .custom-testimonial-author {
        font-weight: 700 !important;
        font-size: 1.2rem !important;
        color: var(--text-dark) !important;
    }

    .custom-testimonial-position {
        color: var(--primary) !important;
        font-size: 1rem !important;
        font-weight: 500 !important;
    }

    /* CTA section */
    .custom-cta {
        background: linear-gradient(-135deg, var(--primary-dark) 0%, var(--primary) 50%, var(--primary-light) 100%) !important;
        background-size: 400% 400% !important;
        animation: gradientBG 15s ease infinite;
        color: var(--text-light) !important;
        text-align: center !important;
        position: relative !important;
        overflow: hidden !important;
        padding: calc(var(--space-xl) * 1.5) 0 !important;
    }

    .custom-cta::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><path fill="%23FFFFFF" d="M40.8,-62.2C52.9,-49.1,62.3,-36.9,68.6,-22.6C74.8,-8.3,77.9,8.2,73.2,22.3C68.5,36.5,56,48.3,42.4,57.4C28.8,66.5,14.4,72.8,-0.7,73.9C-15.8,75,-31.7,70.8,-45.3,62C-58.9,53.2,-70.3,39.9,-75.4,24.5C-80.5,9.1,-79.4,-8.3,-73.1,-23C-66.8,-37.6,-55.5,-49.4,-42.5,-62.4C-29.5,-75.3,-14.8,-89.3,-0.2,-89C14.4,-88.7,28.8,-75.3,40.8,-62.2Z" transform="translate(100 100)" /></svg>') !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 100% !important;
        opacity: 0.05 !important;
        z-index: 0 !important;
    }

    .custom-cta-particles {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important;
        z-index: 1 !important;
    }

    .custom-cta-particle {
        position: absolute !important;
        width: 6px !important;
        height: 6px !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border-radius: 50% !important;
    }

    .custom-cta-content {
        position: relative !important;
        z-index: 2 !important;
        max-width: 800px !important;
        margin: 0 auto !important;
    }

    .custom-cta-title {
        font-size: 3rem !important;
        font-weight: 800 !important;
        margin-bottom: var(--space-md) !important;
        color: var(--text-light) !important;
        text-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
    }

    .custom-cta-text {
        font-size: 1.5rem !important;
        line-height: 1.6 !important;
        margin-bottom: var(--space-lg) !important;
        opacity: 0.9 !important;
    }

    /* Modal Styles */
    .custom-modal-overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-color: rgba(0,0,0,0.8) !important;
        z-index: 9999 !important;
        backdrop-filter: blur(8px) !important;
        display: none !important;
        opacity: 0 !important;
        transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) !important;
    }

    .custom-modal-overlay.active {
        opacity: 1 !important;
        display: block !important;
    }

    .custom-modal-container {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) scale(0.9) !important;
        width: 90% !important;
        max-width: 800px !important;
        height: 80% !important;
        max-height: 600px !important;
        background-color: white !important;
        border-radius: 20px !important;
        box-shadow: 0 25px 50px rgba(0,0,0,0.3) !important;
        overflow: hidden !important;
        transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;
    }

    .custom-modal-overlay.active .custom-modal-container {
        transform: translate(-50%, -50%) scale(1) !important;
    }

    .custom-modal-close {
        position: absolute !important;
        top: 15px !important;
        right: 20px !important;
        font-size: 30px !important;
        cursor: pointer !important;
        z-index: 100 !important;
        color: #333 !important;
        width: 40px !important;
        height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: white !important;
        border-radius: 50% !important;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
        transition: all 0.3s ease !important;
    }

    .custom-modal-close:hover {
        transform: rotate(90deg) !important;
        background: #f5f5f5 !important;
    }

    .custom-calendly-frame {
        border: none !important;
        width: 100% !important;
        height: 100% !important;
    }

    /* Floating Elements Animation - Contained within main container */
    .custom-floating-element {
        position: absolute !important;
        z-index: 1 !important;
        opacity: 0.5 !important;
        border-radius: 50% !important;
        filter: blur(20px) !important;
        pointer-events: none !important; /* Ensure they don't interfere with clicking */
    }

    .custom-float-1 {
        width: 300px !important;
        height: 300px !important;
        background: linear-gradient(135deg, rgba(90, 72, 219, 0.3) 0%, rgba(122, 106, 239, 0.1) 100%) !important;
        top: 20% !important;
        left: 0 !important; /* Adjusted to stay within container */
        animation: float 15s ease-in-out infinite !important;
    }

    .custom-float-2 {
        width: 200px !important;
        height: 200px !important;
        background: linear-gradient(135deg, rgba(122, 106, 239, 0.2) 0%, rgba(90, 72, 219, 0.1) 100%) !important;
        bottom: 10% !important;
        right: 0 !important; /* Adjusted to stay within container */
        animation: float 12s ease-in-out infinite reverse !important;
    }

    .custom-float-3 {
        width: 150px !important;
        height: 150px !important;
        background: linear-gradient(135deg, rgba(90, 72, 219, 0.15) 0%, rgba(122, 106, 239, 0.05) 100%) !important;
        top: 60% !important;
        left: 10% !important;
        animation: float 18s ease-in-out infinite !important;
        animation-delay: 2s !important;
    }

    /* Two Column Layout */
    .custom-two-column {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: var(--space-lg) !important;
        align-items: center !important;
    }

    /* Media Queries */
    @media (max-width: 1200px) {
        .custom-hero-title {
            font-size: 3.2rem !important;
        }

        .custom-hero-image-wrapper {
            width: 450px !important;
            height: 350px !important;
        }
    }

    @media (max-width: 992px) {
        .custom-section-title {
            font-size: 2rem !important;
        }

        .custom-hero-title {
            font-size: 2.5rem !important;
        }

        .custom-hero-subtitle {
            font-size: 1.25rem !important;
        }

        .custom-hero-image-wrapper {
            width: 400px !important;
            height: 300px !important;
        }

        .custom-hero-content {
            flex-direction: column !important;
            text-align: center !important;
        }

        .custom-hero-text {
            max-width: 100% !important;
            margin-bottom: var(--space-md) !important;
        }

        .custom-hero-image-wrapper {
            margin: 0 auto !important;
            max-width: 100% !important;
        }

        .custom-btn-group {
            justify-content: center !important;
        }

        .custom-overview-content {
            grid-template-columns: 1fr !important;
        }

        .custom-overview-text {
            padding-right: 0 !important;
            order: 1 !important;
        }

        .custom-overview-image {
            order: 0 !important;
            margin-bottom: var(--space-md) !important;
        }

        .custom-challenges-container {
            grid-template-columns: 1fr !important;
        }

        .custom-cta-title {
            font-size: 2.5rem !important;
        }

        .custom-cta-text {
            font-size: 1.2rem !important;
        }
    }

    @media (max-width: 768px) {
        .custom-section {
            padding: var(--space-lg) 0 !important;
        }

        .custom-hero {
            padding: 140px 0 80px !important;
        }

        .custom-hero-title {
            font-size: 2rem !important;
        }

        .custom-hero-image-wrapper {
            width: 300px !important;
            height: 240px !important;
        }

        .custom-solution-grid {
            grid-template-columns: 1fr !important;
        }

        .custom-btn-group {
            flex-direction: column !important;
            width: 100% !important;
        }

        .custom-btn {
            width: 100% !important;
            margin-bottom: 10px !important;
        }

        .custom-testimonial-quote {
            font-size: 1.3rem !important;
            padding: var(--space-md) !important;
        }

        .custom-testimonial-quote::before,
        .custom-testimonial-quote::after {
            font-size: 4rem !important;
        }
    }

    @media (max-width: 576px) {
        .custom-hero-title {
            font-size: 1.75rem !important;
        }

        .custom-hero-subtitle {
            font-size: 1rem !important;
        }

        .custom-hero-image-wrapper {
            width: 260px !important;
            height: 200px !important;
        }

        .custom-section-title {
            font-size: 1.5rem !important;
        }

        .custom-metric-value {
            font-size: 2.5rem !important;
        }

        .custom-cta-title {
            font-size: 2rem !important;
        }

        .custom-cta-text {
            font-size: 1.1rem !important;
        }

        .custom-testimonial-quote {
            font-size: 1.1rem !important;
        }

        .custom-testimonial-quote::before,
        .custom-testimonial-quote::after {
            font-size: 3rem !important;
        }
    }