body, html {
            font-family: 'Inter', sans-serif;
            background-color: #f8f9fa;
            scroll-behavior: smooth;
        }

        .autocam-gradient-text {
            background: var(--Text-gradient-1, linear-gradient(87deg, #8253C2 18.3%, #F45346 80.97%));
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .autocam-section-bg {
            background: linear-gradient(0deg, #F8F6FE 0%, #F5E7F7 55.65%, #E6DFFB 100%);
        }
        
        .autocam-cta-bg {
             background: linear-gradient(135deg, rgba(238, 221, 255, 0.5) 0%, rgba(221, 238, 255, 0.5) 100%);
        }

        .autocam-button {
            background-color: #611F69; transition: all 0.3s ease-in-out;
        }

        .autocam-button:hover {
            background-color: #611F69;
            transform: translateY(-2px);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }

        .autocam-card {
            background-color: rgba(255, 255, 255, 0.8);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .autocam-scroll-animation {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }

        .autocam-scroll-animation.autocam-visible,
        .autocam-hero-section.autocam-visible,
        .autocam-transform-section.autocam-visible,
        .autocam-offer-section.autocam-visible,
        .autocam-why-section.autocam-visible,
        .autocam-cta-section.autocam-visible {
            opacity: 1;
            transform: translateY(0);
        }

        .autocam-hero-subtitle.autocam-visible {
            opacity: 1;
            transform: translateY(0);
        }

        .autocam-main-container {
            max-width: 1300px;
            margin: 0 auto;
            padding: 3rem 1.5rem;
        }

        @media (min-width: 768px) {
            .autocam-main-container {
                padding: 5rem 1.5rem;
            }
        }

        .autocam-hero-section {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
            background: linear-gradient(0deg, #F8F6FE 0%, #F5E7F7 55.65%, #E6DFFB 100%);
            padding: 2rem 1.5rem;
            border-radius: 1rem;
            min-height: 400px;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            position: relative;
            margin-bottom: 40px;
        }

        @media (min-width: 640px) {
            .autocam-hero-section {
                padding: 2.5rem;
                min-height: 500px;
                margin-bottom: 50px;
            }
        }

        @media (min-width: 768px) {
            .autocam-hero-section {
                padding: 3rem;
                min-height: 500px;
                margin-bottom: 60px;
                border-radius: 1.5rem;
            }
        }

        @media (min-width: 1024px) {
            .autocam-hero-section {
                min-height: 615px;
            }
        }

        .autocam-hero-grid {
            display: grid;
            gap: 2rem;
            align-items: center;
            height: 100%;
        }

        @media (min-width: 640px) {
            .autocam-hero-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 2.5rem;
            }
        }

        @media (min-width: 768px) {
            .autocam-hero-grid {
                gap: 3rem;
            }
        }

        .autocam-hero-content {
            text-align: center;
        }

        @media (min-width: 640px) {
            .autocam-hero-content {
                text-align: left;
            }
        }

        .autocam-hero-title {
            font-size: 1.5rem;
            font-weight: 600;
            line-height: 1.1;
            background: var(--Text-gradient-1, linear-gradient(87deg, #8253C2 18.3%, #F45346 80.97%));
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 1rem;
        }

        @media (min-width: 640px) {
            .autocam-hero-title {
                font-size: 2rem;
                margin-bottom: 1.25rem;
            }
        }

        @media (min-width: 768px) {
            .autocam-hero-title {
                font-size: 2.25rem;
                margin-bottom: 0;
            }
        }

        @media (min-width: 1024px) {
            .autocam-hero-title {
                font-size: 3rem;
            }
        }

        .autocam-hero-description {
            margin-top: 1rem;
            font-size: 1rem;
            color: #4b5563;
            line-height: 1.6;
            margin-bottom: 2.75rem;
        }

        .autocam-hero-button {
            background-color: #611F69;
            color: white;
            font-weight: 700;
            padding: 0.75rem 1.5rem;
            border-radius: 1.75rem;
            font-size: 1rem;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            transition: all 0.3s ease-in-out;
            border: none;
            cursor: pointer;
            width: 100%;
        }

        @media (min-width: 640px) {
            .autocam-hero-button {
                width: auto;
                padding: 0.75rem 2rem;
                font-size: 1.125rem;
                margin-top: 2rem;
            }
        }

        @media (min-width: 640px) {
            .autocam-hero-description {
                font-size: 1.125rem;
                margin-top: 1.25rem;
            }
        }

        @media (min-width: 768px) {
            .autocam-hero-description {
                font-size: 1.25rem;
                margin-top: 1.5rem;
            }
        }


        .autocam-hero-button:hover {
            background-color: #611F69;
            transform: translateY(-2px);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }

        .autocam-hero-image-container {
            position: relative;
            height: 16rem;
        }

        @media (min-width: 640px) {
            .autocam-hero-image-container {
                height: auto;
            }
        }

        .autocam-hero-main-image {
            border-radius: 1rem;
            width: 75%;
            object-fit: cover;
            z-index: 10;
            position: relative;
            margin-left: 20%;
        }

        .autocam-hero-secondary-image {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 50%;
            border-radius: 1rem;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            border: 4px solid white;
        }

        .autocam-hero-stat-college {
            position: absolute;
            top: 30%;
            left: 15%;
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            padding: 0.75rem 1rem;
            border-radius: 0.5rem;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            font-size: 0.875rem;
            font-weight: 600;
            z-index: 20;
        }

        .autocam-hero-stat-corporate {
            position: absolute;
            bottom: 20%;
            right: 5%;
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            padding: 0.75rem 1rem;
            border-radius: 0.5rem;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            font-size: 0.875rem;
            font-weight: 600;
            z-index: 20;
        }

        .autocam-hero-subtitle {
            opacity: 0;
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
            position: relative;
            margin: -100px auto 20px auto;
            width: 90%;
            background: white;
            padding: 1rem;
            border-radius: 0.75rem;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            text-align: center;
            z-index: 10;
            transform: translateY(30px);
        }

        .autocam-hero-subtitle-text {
            font-size: 0.9rem;
            color: #5B0D5C;
            line-height: 1.5;
        }

        @media (min-width: 640px) {
            .autocam-hero-subtitle {
                width: 85%;
                padding: 1.25rem;
                border-radius: 1rem;
                margin: -25px auto 25px auto;
            }

            .autocam-hero-subtitle-text {
                font-size: 1rem;
            }
        }

        @media (min-width: 768px) {
            .autocam-hero-subtitle {
                width: 75%;
                padding: 1.5rem;
                margin: -100px auto 30px auto;
            }

            .autocam-hero-subtitle-text {
                font-size: 1.125rem;
            }
        }

        .autocam-text-purple {
            color: #7c3aed;
        }

        .autocam-text-pink {
            color: #ec4899;
        }

        .autocam-transform-section {
            margin-top: 3rem;
            text-align: center;
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
            position: relative;
            padding: 2rem 1rem;
        }

        .autocam-transform-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100vw;
            height: 100%;
            background-color: #F8F6FE;
            z-index: -1;
        }

        @media (min-width: 640px) {
            .autocam-transform-section {
                margin-top: 4rem;
                padding: 2.5rem 1.5rem;
            }
        }

        @media (min-width: 768px) {
            .autocam-transform-section {
                margin-top: 5rem;
                padding: 3rem 1.5rem;
            }
        }

        @media (min-width: 1024px) {
            .autocam-transform-section {
                margin-top: 8rem;
            }
        }

        .autocam-transform-title {
            font-size: 1.5rem;
            font-weight: 700;
            margin-bottom: 1rem;
        }

        @media (min-width: 640px) {
            .autocam-transform-title {
                font-size: 1.75rem;
                margin-bottom: 1.25rem;
            }
        }

        @media (min-width: 768px) {
            .autocam-transform-title {
                font-size: 2rem;
                margin-bottom: 0;
            }
        }

        @media (min-width: 1024px) {
            .autocam-transform-title {
                font-size: 2.25rem;
            }
        }

        .autocam-transform-description {
            margin-top: 1rem;
            color: #4b5563;
            max-width: 48rem;
            margin-left: auto;
            margin-right: auto;
            font-size: 0.95rem;
            line-height: 1.6;
        }

        @media (min-width: 640px) {
            .autocam-transform-description {
                font-size: 1rem;
            }
        }

        @media (min-width: 768px) {
            .autocam-transform-description {
                font-size: 1.125rem;
            }
        }

        .autocam-features-grid {
            margin-top: 3rem;
            display: grid;
            gap: 2.5rem;
            align-items: center;
        }

        @media (min-width: 768px) {
            .autocam-features-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (min-width: 1024px) {
            .autocam-features-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        .autocam-features-column {
            display: flex;
            flex-direction: column;
            gap: 2rem;
            text-align: left;
        }

        .autocam-feature-item {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
        }

        .autocam-feature-icon {
            width: 2rem;
            height: 2rem;
            margin-top: 0.25rem;
            flex-shrink: 0;
            background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTIuNzUgMjQuNzVDMTkuMzc3NiAyNC43NSAyNC43NSAxOS4zNzc2IDI0Ljc1IDEyLjc1QzI0Ljc1IDYuMTIyNCAxOS4zNzc2IDAuNzUgMTIuNzUgMC43NUM2LjEyMjQgMC43NSAwLjc1IDYuMTIyNCAwLjc1IDEyLjc1QzAuNzUgMTkuMzc3NiA2LjEyMjQgMjQuNzUgMTIuNzUgMjQuNzVaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSIjNjExRjY5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgPHBhdGggZD0iTTYuNzUgMTMuMzUxM0wxMC4zNSAxNi45NTEzTDE4Ljc1IDguNTUxMjciIGZpbGw9IndoaXRlIi8+CiAgPHBhdGggZD0iTTYuNzUgMTMuMzUxM0wxMC4zNSAxNi45NTEzTDE4Ljc1IDguNTUxMjciIHN0cm9rZT0iIzYxMUY2OSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        .autocam-feature-title {
            font-weight: 600;
            font-size: 1.125rem;
        }

        .autocam-feature-description {
            color: #4b5563;
        }

        .autocam-features-center-image {
            display: none;
            position: relative;
        }

        .autocam-transform-stat-college{
            position: absolute;
            top: 68%;
            left: 5%;
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            padding: 0.75rem 1rem;
            border-radius: 0.5rem;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            font-size: 0.875rem;
            font-weight: 600;
            z-index: 20;
        }

        @media (min-width: 1024px) {
            .autocam-features-center-image {
                display: block;
            }
        }

        .autocam-features-center-image::before {
            content: '';
            position: absolute;
            top: 30px;
            left: 70%;
            transform: translateX(-50%);
            width: 102px;
            height: 100px;
            background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDIiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAyIDEwMCIgZmlsbD0ibm9uZSI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xNzAzXzEyMzMzKSI+CjxtYXNrIGlkPSJtYXNrMF8xNzAzXzEyMzMzIiBzdHlsZT0ibWFzay10eXBlOmx1bWluYW5jZSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMiIgaGVpZ2h0PSIxMDAiPgo8cGF0aCBkPSJNMTAyIDBIMFYxMDBIMTAyVjBaIiBmaWxsPSJ3aGl0ZSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMTcwM18xMjMzMykiPgo8ZyBvcGFjaXR5PSIwLjciPgo8cGF0aCBkPSJNNC41IDhDNi40MzMgOCA4IDYuNDMzIDggNC41QzggMi41NjcgNi40MzMgMSA0LjUgMUMyLjU2NyAxIDEgMi41NjcgMSA0LjVDMSA2LjQzMyAyLjU2NyA4IDQuNSA4WiIgc3Ryb2tlPSIjOEU2NkZGIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTI2LjUgOEMyOC40MzMgOCAzMCA2LjQzMyAzMCA0LjVDMzAgMi41NjcgMjguNDMzIDEgMjYuNSAxQzI0LjU2NyAxIDIzIDIuNTY3IDIzIDQuNUMyMyA2LjQzMyAyNC41NjcgOCAyNi41IDhaIiBzdHJva2U9IiM4RTY2RkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNNDguNSA4QzUwLjQzMyA4IDUyIDYuNDMzIDUyIDQuNUM1MiAyLjU2NyA1MC40MzMgMSA0OC41IDFDNDY1NjcgMSA0NSAyLjU2NyA0NSA0LjVDNDUgNi40MzMgNDYuNTY3IDggNDguNSA4WiIgc3Ryb2tlPSIjOEU2NkZGIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTcwLjUgOEM3Mi40MzMgOCA3NCA2LjQzMyA3NCA0LjVDNzQgMi41NjcgNzIuNDMzIDEgNzAuNSAxQzY4LjU2NyAxIDY3IDIuNTY3IDY3IDQuNUM2NyA2LjQzMyA2OC41NjcgOCA3MC41IDhaIiBzdHJva2U9IiM4RTY2RkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNOTIuNSA4Qzk0LjQzMyA4IDk2IDYuNDMzIDk2IDQuNUM5NiAyLjU2NyA5NC40MzMgMSA5Mi41IDFDOTA1NjcgMSA4OSAyLjU2NyA4OSA0LjVDODkgNi40MzMgOTAuNTY3IDggOTIuNSA4WiIgc3Ryb2tlPSIjOEU2NkZGIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTQuNSAzMEM2LjQzMyAzMCA4IDI4LjQzMyA4IDI2LjVDOCAyNC41NjcgNi40MzMgMjMgNC41IDIzQzIuNTY3IDIzIDEgMjQuNTY3IDEgMjYuNUMxIDI4LjQzMyAyLjU2NyAzMCA0LjUgMzBaIiBzdHJva2U9IiM4RTY2RkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMjYuNSAzMEMyOC40MzMgMzAgMzAgMjguNDMzIDMwIDI2LjVDMzAgMjQuNTY3IDI4LjQzMyAyMyAyNi41IDIzQzI0LjU2NyAyMyAyMyAyNC41NjcgMjMgMjYuNUMyMyAyOC40MzMgMjQuNTY3IDMwIDI2LjUgMzBaIiBzdHJva2U9IiM4RTY2RkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNNDguNSAzMEM1MC40MzMgMzAgNTIgMjguNDMzIDUyIDI2LjVDNTIgMjQuNTY3IDUwLjQzMyAyMyA0OC41IDIzQzQ2LjU2NyAyMyA0NSAyNC41NjcgNDUgMjYuNUM0NSAyOC40MzMgNDYuNTY3IDMwIDQ4LjUgMzBaIiBzdHJva2U9IiM4RTY2RkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNNzAuNSAzMEM3Mi40MzMgMzAgNzQgMjguNDMzIDc0IDI2LjVDNzQgMjQuNTY3IDcyLjQzMyAyMyA3MC41IDIzQzY4LjU2NyAyMyA2NyAyNC41NjcgNjcgMjYuNUM2NyAyOC40MzMgNjguNTY3IDMwIDcwLjUgMzBaIiBzdHJva2U9IiM4RTY2RkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNOTIuNSAzMEM5NC40MzMgMzAgOTYgMjguNDMzIDk2IDI2LjVDOTYgMjQuNTY3IDk0LjQzMyAyMyA5Mi41IDIzQzkwLjU2NyAyMyA4OSAyNC41NjcgODkgMjYuNUM4OSAyOC40MzMgOTAuNTY3IDMwIDkyLjUgMzBaIiBzdHJva2U9IiM4RTY2RkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNNC41IDUyQzYuNDMzIDUyIDggNTAuNDMzIDggNDguNUM4IDQ2LjU2NyA2LjQzMyA0NSA0LjUgNDVDMi41NjcgNDUgMSA0Ni41NjcgMSA0OC41QzEgNTAuNDMzIDIuNTY3IDUyIDQuNSA1MloiIHN0cm9rZT0iIzhFNjZGRiIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik0yNi41IDUyQzI4LjQzMyA1MiAzMCA1MC40MzMgMzAgNDguNUMzMCA0Ni41NjcgMjguNDMzIDQ1IDI2LjUgNDVDMjQuNTY3IDQ1IDIzIDQ2LjU2NyAyMyA0OC41QzIzIDUwLjQzMyAyNC41NjcgNTIgMjYuNSA1MloiIHN0cm9rZT0iIzhFNjZGRiIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik00OC41IDUyQzUwLjQzMyA1MiA1MiA1MC40MzMgNTIgNDguNUM1MiA0Ni41NjcgNTAuNDMzIDQ1IDQ4LjUgNDVDNDYuNTY3IDQ1IDQ1IDQ2LjU2NyA0NSA0OC41QzQ1IDUwLjQzMyA0Ni41NjcgNTIgNDguNSA1MloiIHN0cm9rZT0iIzhFNjZGRiIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik03MC41IDUyQzcyLjQzMyA1MiA3NCA1MC40MzMgNzQgNDguNUM3NCA0Ni41NjcgNzIuNDMzIDQ1IDcwLjUgNDVDNjguNTY3IDQ1IDY3IDQ2LjU2NyA2NyA0OC41QzY3IDUwLjQzMyA2OC41NjcgNTIgNzAuNSA1MloiIHN0cm9rZT0iIzhFNjZGRiIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik05Mi41IDUyQzk0LjQzMyA1MiA5NiA1MC40MzMgOTYgNDguNUM5NiA0Ni41NjcgOTQuNDMzIDQ1IDkyLjUgNDVDOTAuNTY3IDQ1IDg5IDQ2LjU2NyA4OSA0OC41Qzg5IDUwLjQzMyA5MC41NjcgNTIgOTIuNSA1MloiIHN0cm9rZT0iIzhFNjZGRiIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik00LjUgNzRDNi40MzMgNzQgOCA3Mi40MzMgOCA3MC41QzggNjguNTY3IDYuNDMzIDY3IDQuNSA2N0MyLjU2NyA2NyAxIDY4LjU2NyAxIDcwLjVDMSA3Mi40MzMgMi41NjcgNzQgNC41IDc0WiIgc3Ryb2tlPSIjOEU2NkZGIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTI2LjUgNzRDMjguNDMzIDc0IDMwIDcyLjQzMyAzMCA3MC41QzMwIDY4LjU2NyAyOC40MzMgNjcgMjYuNSA2N0MyNC41NjcgNjcgMjMgNjguNTY3IDIzIDcwLjVDMjMgNzIuNDMzIDI0LjU2NyA3NCAyNi41IDc0WiIgc3Ryb2tlPSIjOEU2NkZGIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTQ4LjUgNzRDNTAuNDMzIDc0IDUyIDcyLjQzMyA1MiA3MC41QzUyIDY4LjU2NyA1MC40MzMgNjcgNDguNSA2N0M0Ni41NjcgNjcgNDUgNjguNTY3IDQ1IDcwLjVDNDUgNzIuNDMzIDQ2LjU2NyA3NCA0OC41IDc0WiIgc3Ryb2tlPSIjOEU2NkZGIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTcwLjUgNzRDNzIuNDMzIDc0IDc0IDcyLjQzMyA3NCA3MC41Qzc0IDY4LjU2NyA3Mi40MzMgNjcgNzAuNSA2N0M2OC41NjcgNjcgNjcgNjguNTY3IDY3IDcwLjVDNjcgNzIuNDMzIDY4LjU2NyA3NCA3MC41IDc0WiIgc3Ryb2tlPSIjOEU2NkZGIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTkyLjUgNzRDOTQuNDMzIDc0IDk2IDcyLjQzMyA5NiA3MC41Qzk2IDY4LjU2NyA5NC40MzMgNjcgOTIuNSA2N0M5MC41NjcgNjcgODkgNjguNTY3IDg5IDcwLjVDODkgNzIuNDMzIDkwLjU2NyA3NCA5Mi41IDc0WiIgc3Ryb2tlPSIjOEU2NkZGIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTQuNSA5NkM2LjQzMyA5NiA4IDk0LjQzMyA4IDkyLjVDOCA5MC41NjcgNi40MzMgODkgNC41IDg5QzIuNTY3IDg5IDEgOTAuNTY3IDEgOTIuNUMxIDk0LjQzMyAyLjU2NyA5NiA0LjUgOTZaIiBzdHJva2U9IiM4RTY2RkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMjYuNSA5NkMyOC40MzMgOTYgMzAgOTQuNDMzIDMwIDkyLjVDMzAgOTAuNTY3IDI4LjQzMyA4OSAyNi41IDg5QzI0LjU2NyA4OSAyMyA5MC41NjcgMjMgOTIuNUMyMyA5NC40MzMgMjQuNTY3IDk2IDI2LjUgOTZaIiBzdHJva2U9IiM4RTY2RkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNNDguNSA5NkM1MC40MzMgOTYgNTIgOTQuNDMzIDUyIDkyLjVDNTIgOTAuNTY3IDUwLjQzMyA4OSA0OC41IDg5QzQ2LjU2NyA4OSA0NSA5MC41NjcgNDUgOTIuNUM0NSA5NC40MzMgNDYuNTY3IDk2IDQ4LjUgOTZaIiBzdHJva2U9IiM4RTY2RkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNNzAuNSA5NkM3Mi40MzMgOTYgNzQgOTQuNDMzIDc0IDkyLjVDNzQgOTAuNTY3IDcyLjQzMyA4OSA3MC41IDg5QzY4LjU2NyA4OSA2NyA5MC41NjcgNjcgOTIuNUM2NyA5NC40MzMgNjguNTY3IDk2IDcwLjUgOTZaIiBzdHJva2U9IiM4RTY2RkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNOTIuNSA5NkM5NC40MzMgOTYgOTYgOTQuNDMzIDk2IDkyLjVDOTYgOTAuNTY3IDk0LjQzMyA4OSA5Mi41IDg5QzkwLjU2NyA4OSA4OSA5MC41NjcgODkgOTIuNUM4OSA5NC40MzMgOTAuNTY3IDk2IDkyLjUgOTZaIiBzdHJva2U9IiM4RTY2RkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xNzAzXzEyMzMzIj4KPHJlY3Qgd2lkdGg9IjEwMiIgaGVpZ2h0PSIxMDAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+');
            background-repeat: no-repeat;
            background-size: contain;
            z-index: 1;
        }

        .autocam-features-image {
            border-radius: 1.5rem;
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }

        .autocam-offer-section {
            margin-top: 3rem;
            text-align: center;
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
            padding: 0 1rem;
        }

        @media (min-width: 640px) {
            .autocam-offer-section {
                margin-top: 4rem;
                padding: 0 1.5rem;
            }
        }

        @media (min-width: 768px) {
            .autocam-offer-section {
                margin-top: 5rem;
                padding: 0;
            }
        }

        @media (min-width: 1024px) {
            .autocam-offer-section {
                margin-top: 8rem;
            }
        }

        .autocam-offer-title {
            font-size: 1.5rem;
            font-weight: 700;
            margin-bottom: 1.5rem;
        }

        @media (min-width: 640px) {
            .autocam-offer-title {
                font-size: 1.75rem;
                margin-bottom: 2rem;
            }
        }

        @media (min-width: 768px) {
            .autocam-offer-title {
                font-size: 2rem;
                margin-bottom: 0;
            }
        }

        @media (min-width: 1024px) {
            .autocam-offer-title {
                font-size: 2.25rem;
            }
        }

        .autocam-cards-grid {
            display: grid;
            gap: 1.5rem;
            margin-top: 2rem;
            text-align: left;
        }

        @media (min-width: 640px) {
            .autocam-cards-grid {
                gap: 2rem;
                margin-top: 2.5rem;
            }
        }

        @media (min-width: 768px) {
            .autocam-cards-grid {
                grid-template-columns: repeat(2, 1fr);
                margin-top: 3rem;
            }
        }

        @media (min-width: 1024px) {
            .autocam-cards-grid {
                grid-template-columns: repeat(3, 1fr);
            }

            .autocam-service-card:nth-child(4) {
                grid-column: 1 / 2;
                grid-row: 2;
                transform: translateX(50%);
            }

            .autocam-service-card:nth-child(5) {
                grid-column: 2 / 3;
                grid-row: 2;
                transform: translateX(50%);
            }
        }

        .autocam-service-card {
            background-color: rgba(255, 255, 255, 0.8);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            padding: 1.25rem;
            border-radius: 0.75rem;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            border: 1px solid rgba(229, 231, 235, 0.5);
        }

        @media (min-width: 640px) {
            .autocam-service-card {
                padding: 1.5rem;
                border-radius: 1rem;
            }
        }

        @media (min-width: 640px) {
            .autocam-card-title {
                font-size: 1.125rem;
            }
        }

        @media (min-width: 640px) {
            .autocam-card-description {
                font-size: 1rem;
            }
        }


        .autocam-card-title {
            font-weight: 700;
            font-size: 1rem;
            color: #611F69;
            line-height: 1.3;
        }

        .autocam-card-description {
            margin-top: 0.5rem;
            color: #4b5563;
            font-size: 0.9rem;
            line-height: 1.5;
        }

        .autocam-card-list {
            margin-top: 1rem;
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }

        .autocam-list-item {
            display: flex;
            align-items: flex-start;
        }

        .autocam-list-icon {
            width: 1.25rem;
            height: 1.25rem;
            color: #10b981;
            margin-right: 0.5rem;
            margin-top: 0.25rem;
            flex-shrink: 0;
        }

        .autocam-why-section {
            margin-top: 3rem;
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
            position: relative;
            padding: 2rem 1rem;
        }

        .autocam-why-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100vw;
            height: 100%;
            background-color: #F8F6FE;
            z-index: -1;
        }

        @media (min-width: 640px) {
            .autocam-why-section {
                margin-top: 4rem;
                padding: 2.5rem 1.5rem;
            }
        }

        @media (min-width: 768px) {
            .autocam-why-section {
                margin-top: 5rem;
                padding: 3rem 1.5rem;
            }
        }

        @media (min-width: 1024px) {
            .autocam-why-section {
                margin-top: 8rem;
            }
        }

        .autocam-why-grid {
            display: flex;
            flex-direction: column;
            gap: 2rem;
            align-items: center;
        }

        @media (min-width: 768px) {
            .autocam-why-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 3rem;
                align-items: center;
            }
        }

        .autocam-why-content {
            text-align: center;
            order: 2;
        }

        @media (min-width: 768px) {
            .autocam-why-content {
                text-align: left;
                order: 1;
            }
        }

        .autocam-why-title {
            font-size: 1.5rem;
            font-weight: 700;
            line-height: 1.2;
        }

        .autocam-mobile-only {
            display: block;
            text-align: center;
            margin-bottom: 2rem;
        }

        .autocam-desktop-only {
            display: none;
        }

        @media (min-width: 640px) {
            .autocam-why-title {
                font-size: 1.75rem;
            }
        }

        @media (min-width: 768px) {
            .autocam-mobile-only {
                display: none;
            }

            .autocam-desktop-only {
                display: block;
            }

            .autocam-why-title {
                font-size: 2.25rem;
                text-align: left;
                margin-bottom: 0;
            }
        }

        .autocam-why-list {
            margin-top: 2rem;
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
            font-size: 1.125rem;
        }

        .autocam-why-item {
            display: flex;
            align-items: flex-start;
        }

        .autocam-why-icon {
            width: 1.75rem;
            height: 1.75rem;
            margin-right: 0.75rem;
            margin-top: 0.25rem;
            flex-shrink: 0;
            background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTIuNzUgMjQuNzVDMTkuMzc3NiAyNC43NSAyNC43NSAxOS4zNzc2IDI0Ljc1IDEyLjc1QzI0Ljc1IDYuMTIyNCAxOS4zNzc2IDAuNzUgMTIuNzUgMC43NUM2LjEyMjQgMC43NSAwLjc1IDYuMTIyNCAwLjc1IDEyLjc1QzAuNzUgMTkuMzc3NiA2LjEyMjQgMjQuNzUgMTIuNzUgMjQuNzVaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSIjNjExRjY5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgPHBhdGggZD0iTTYuNzUgMTMuMzUxM0wxMC4zNSAxNi45NTEzTDE4Ljc1IDguNTUxMjciIGZpbGw9IndoaXRlIi8+CiAgPHBhdGggZD0iTTYuNzUgMTMuMzUxM0wxMC4zNSAxNi45NTEzTDE4Ljc1IDguNTUxMjciIHN0cm9rZT0iIzYxMUY2OSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        .autocam-why-image-container {
            position: relative;
            width: 100%;
            max-width: 350px;
            margin: 0 auto;
            order: 1;
        }

        .autocam-why-image-container {
            background: radial-gradient(circle 350px at center 57%, #CBC1E7 0%, #CBC1E7 50%, transparent 60%);
        }

        @media (min-width: 768px) {
            .autocam-why-image-container {
                max-width: none;
                margin: 0;
                order: 2;
            }
        }

        .autocam-why-image-container::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 15%;
            transform: translateY(-50%);
            width: 117px;
            height: 59px;
            background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTciIGhlaWdodD0iNTkiIHZpZXdCb3g9IjAgMCAxMTcgNTkiIGZpbGw9Im5vbmUiPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTcwM18xMjMyMCkiPgo8bWFzayBpZD0ibWFzazBfMTcwM18xMjMyMCIgc3R5bGU9Im1hc2stdHlwZTpsdW1pbmFuY2UiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMTciIGhlaWdodD0iNTkiPgo8cGF0aCBkPSJNMTE2LjM5MSAwSDBWNTguNDI1SDExNi4zOTFWMFoiIGZpbGw9IndoaXRlIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8xNzAzXzEyMzIwKSI+CjxnIG9wYWNpdHk9IjAuNyI+CjxwYXRoIGQ9Ik0wLjI3NTE0NiA4LjEzODk2QzAuMjc1MTQ2IDguMTM4OTYgMTIuMzE0IDAuMjAzOTYgMjUuNDQ3IDguMTM4OTZDMzguNTggMTYuMDc0IDM5LjY3NTggLTMuMzUzMDMgNTAuODkyOCAyLjY2Njk3QzYyLjEwOTggOC42ODY5NyA2Mi4zODQgMTQuNDMyIDcyLjc4MiA2LjQ5Nzk3QzgzLjE4IC0xLjQzNjAzIDg0LjgyMTEgMS4wMjU5NCA5NC45NDUxIDguMTM5OTRDMTA1LjA2OSAxNS4yNTM5IDExNi4wMTMgMi42Njc5NSAxMTYuMDEzIDIuNjY3OTUiIHN0cm9rZT0iIzI4NzhFQiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTAuMjc1MTQ2IDIzLjEzOUMwLjI3NTE0NiAyMy4xMzkgMTIuMzE0IDE1LjIwNCAyNS40NDcgMjMuMTM5QzM4LjU4IDMxLjA3NCAzOS42NzU4IDExLjY0NyA1MC44OTI4IDE3LjY2N0M2Mi4xMDk4IDIzLjY4NyA2Mi4zODQgMjkuNDMyIDcyLjc4MiAyMS40OThDODMuMTggMTMuNTY0IDg0LjgyMTEgMTYuMDI1OSA5NC45NDUxIDIzLjEzOTlDMTA1LjA2OSAzMC4yNTM5IDExNi4wMTMgMTcuNjY4IDExNi4wMTMgMTcuNjY4IiBzdHJva2U9IiMyODc4RUIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0wLjI3NTE0NiAzOC4xMzlDMC4yNzUxNDYgMzguMTM5IDEyLjMxNCAzMC4yMDQgMjUuNDQ3IDM4LjEzOUMzOC41OCA0Ni4wNzQgMzkuNjc1OCAyNi42NDcgNTAuODkyOCAzMi42NjdDNjIuMTA5OCAzOC42ODcgNjIuMzg0IDQ0LjQzMiA3Mi43ODIgMzYuNDk4QzgzLjE4IDI4LjU2NCA4NC44MjExIDMxLjAyNTkgOTQuOTQ1MSAzOC4xMzk5QzEwNS4wNjkgNDUuMjUzOSAxMTYuMDEzIDMyLjY2OCAxMTYuMDEzIDMyLjY2OCIgc3Ryb2tlPSIjMjg3OEVCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMC4yNzUxNDYgNTMuMTM5QzAuMjc1MTQ2IDUzLjEzOSAxMi4zMTQgNDUuMjA0IDI1LjQ0NyA1My4xMzlDMzguNTggNjEuMDc0IDM5LjY3NTggNDEuNjQ3IDUwLjg5MjggNDcuNjY3QzYyLjEwOTggNTMuNjg3IDYyLjM4NCA1OS40MzIgNzIuNzgyIDUxLjQ5OEM4My4xOCA0My41NjQgODQuODIxMSA0Ni4wMjU5IDk0Ljk0NTEgNTMuMTM5OUMxMDUuMDY5IDYwLjI1MzkgMTE2LjAxMyA0Ny42NjggMTE2LjAxMyA0Ny42NjgiIHN0cm9rZT0iIzI4NzhFQiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8L2c+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTcwM18xMjMyMCI+CjxyZWN0IHdpZHRoPSIxMTYuMzkxIiBoZWlnaHQ9IjU4LjQyNSIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4=');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            z-index: 2;
        }

        .autocam-why-image-container::after {
            content: '';
            position: absolute;
            top: -10px;
            right: 10%;
            width: 102px;
            height: 100px;
            background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDIiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAyIDEwMCIgZmlsbD0ibm9uZSI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xNzAzXzEyMzMzKSI+CjxtYXNrIGlkPSJtYXNrMF8xNzAzXzEyMzMzIiBzdHlsZT0ibWFzay10eXBlOmx1bWluYW5jZSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMiIgaGVpZ2h0PSIxMDAiPgo8cGF0aCBkPSJNMTAyIDBIMFYxMDBIMTAyVjBaIiBmaWxsPSJ3aGl0ZSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMTcwM18xMjMzMykiPgo8ZyBvcGFjaXR5PSIwLjciPgo8cGF0aCBkPSJNNC41IDhDNi40MzMgOCA4IDYuNDMzIDggNC41QzggMi41NjcgNi40MzMgMSA0LjUgMUMyLjU2NyAxIDEgMi41NjcgMSA0LjVDMSA2LjQzMyAyLjU2NyA4IDQuNSA4WiIgc3Ryb2tlPSIjOEU2NkZGIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTI2LjUgOEMyOC40MzMgOCAzMCA2LjQzMyAzMCA0LjVDMzAgMi41NjcgMjguNDMzIDEgMjYuNSAxQzI0LjU2NyAxIDIzIDIuNTY3IDIzIDQuNUMyMyA2LjQzMyAyNC41NjcgOCAyNi41IDhaIiBzdHJva2U9IiM4RTY2RkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNNDguNSA4QzUwLjQzMyA4IDUyIDYuNDMzIDUyIDQuNUM1MiAyLjU2NyA1MC40MzMgMSA0OC41IDFDNDY1NjcgMSA0NSAyLjU2NyA0NSA0LjVDNDUgNi40MzMgNDYuNTY3IDggNDguNSA4WiIgc3Ryb2tlPSIjOEU2NkZGIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTcwLjUgOEM3Mi40MzMgOCA3NCA2LjQzMyA3NCA0LjVDNzQgMi41NjcgNzIuNDMzIDEgNzAuNSAxQzY4LjU2NyAxIDY3IDIuNTY3IDY3IDQuNUM2NyA2LjQzMyA2OC41NjcgOCA3MC41IDhaIiBzdHJva2U9IiM4RTY2RkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNOTIuNSA4Qzk0LjQzMyA4IDk2IDYuNDMzIDk2IDQuNUM5NiAyLjU2NyA5NC40MzMgMSA5Mi41IDFDOTA1NjcgMSA4OSAyLjU2NyA4OSA0LjVDODkgNi40MzMgOTAuNTY3IDggOTIuNSA4WiIgc3Ryb2tlPSIjOEU2NkZGIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTQuNSAzMEM2LjQzMyAzMCA4IDI4LjQzMyA4IDI2LjVDOCAyNC41NjcgNi40MzMgMjMgNC41IDIzQzIuNTY3IDIzIDEgMjQuNTY3IDEgMjYuNUMxIDI4LjQzMyAyLjU2NyAzMCA0LjUgMzBaIiBzdHJva2U9IiM4RTY2RkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMjYuNSAzMEMyOC40MzMgMzAgMzAgMjguNDMzIDMwIDI2LjVDMzAgMjQuNTY3IDI4LjQzMyAyMyAyNi41IDIzQzI0LjU2NyAyMyAyMyAyNC41NjcgMjMgMjYuNUMyMyAyOC40MzMgMjQuNTY3IDMwIDI2LjUgMzBaIiBzdHJva2U9IiM4RTY2RkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNNDguNSAzMEM1MC40MzMgMzAgNTIgMjguNDMzIDUyIDI2LjVDNTIgMjQuNTY3IDUwLjQzMyAyMyA0OC41IDIzQzQ2LjU2NyAyMyA0NSAyNC41NjcgNDUgMjYuNUM0NSAyOC40MzMgNDYuNTY3IDMwIDQ4LjUgMzBaIiBzdHJva2U9IiM4RTY2RkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNNzAuNSAzMEM3Mi40MzMgMzAgNzQgMjguNDMzIDc0IDI2LjVDNzQgMjQuNTY3IDcyLjQzMyAyMyA3MC41IDIzQzY4LjU2NyAyMyA2NyAyNC41NjcgNjcgMjYuNUM2NyAyOC40MzMgNjguNTY3IDMwIDcwLjUgMzBaIiBzdHJva2U9IiM4RTY2RkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNOTIuNSAzMEM5NC40MzMgMzAgOTYgMjguNDMzIDk2IDI2LjVDOTYgMjQuNTY3IDk0LjQzMyAyMyA5Mi41IDIzQzkwLjU2NyAyMyA4OSAyNC41NjcgODkgMjYuNUM4OSAyOC40MzMgOTAuNTY3IDMwIDkyLjUgMzBaIiBzdHJva2U9IiM4RTY2RkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNNC41IDUyQzYuNDMzIDUyIDggNTAuNDMzIDggNDguNUM4IDQ2LjU2NyA2LjQzMyA0NSA0LjUgNDVDMi41NjcgNDUgMSA0Ni41NjcgMSA0OC41QzEgNTAuNDMzIDIuNTY3IDUyIDQuNSA1MloiIHN0cm9rZT0iIzhFNjZGRiIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik0yNi41IDUyQzI4LjQzMyA1MiAzMCA1MC40MzMgMzAgNDguNUMzMCA0Ni41NjcgMjguNDMzIDQ1IDI2LjUgNDVDMjQuNTY3IDQ1IDIzIDQ2LjU2NyAyMyA0OC41QzIzIDUwLjQzMyAyNC41NjcgNTIgMjYuNSA1MloiIHN0cm9rZT0iIzhFNjZGRiIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik00OC41IDUyQzUwLjQzMyA1MiA1MiA1MC40MzMgNTIgNDguNUM1MiA0Ni41NjcgNTAuNDMzIDQ1IDQ4LjUgNDVDNDYuNTY3IDQ1IDQ1IDQ2LjU2NyA0NSA0OC41QzQ1IDUwLjQzMyA0Ni41NjcgNTIgNDguNSA1MloiIHN0cm9rZT0iIzhFNjZGRiIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik03MC41IDUyQzcyLjQzMyA1MiA3NCA1MC40MzMgNzQgNDguNUM3NCA0Ni41NjcgNzIuNDMzIDQ1IDcwLjUgNDVDNjguNTY3IDQ1IDY3IDQ2LjU2NyA2NyA0OC41QzY3IDUwLjQzMyA2OC41NjcgNTIgNzAuNSA1MloiIHN0cm9rZT0iIzhFNjZGRiIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik05Mi41IDUyQzk0LjQzMyA1MiA5NiA1MC40MzMgOTYgNDguNUM5NiA0Ni41NjcgOTQuNDMzIDQ1IDkyLjUgNDVDOTAuNTY3IDQ1IDg5IDQ2LjU2NyA4OSA0OC41Qzg5IDUwLjQzMyA5MC41NjcgNTIgOTIuNSA1MloiIHN0cm9rZT0iIzhFNjZGRiIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik00LjUgNzRDNi40MzMgNzQgOCA3Mi40MzMgOCA3MC41QzggNjguNTY3IDYuNDMzIDY3IDQuNSA2N0MyLjU2NyA2NyAxIDY4LjU2NyAxIDcwLjVDMSA3Mi40MzMgMi41NjcgNzQgNC41IDc0WiIgc3Ryb2tlPSIjOEU2NkZGIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTI2LjUgNzRDMjguNDMzIDc0IDMwIDcyLjQzMyAzMCA3MC41QzMwIDY4LjU2NyAyOC40MzMgNjcgMjYuNSA2N0MyNC41NjcgNjcgMjMgNjguNTY3IDIzIDcwLjVDMjMgNzIuNDMzIDI0LjU2NyA3NCAyNi41IDc0WiIgc3Ryb2tlPSIjOEU2NkZGIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTQ4LjUgNzRDNTAuNDMzIDc0IDUyIDcyLjQzMyA1MiA3MC41QzUyIDY4LjU2NyA1MC40MzMgNjcgNDguNSA2N0M0Ni41NjcgNjcgNDUgNjguNTY3IDQ1IDcwLjVDNDUgNzIuNDMzIDQ2LjU2NyA3NCA0OC41IDc0WiIgc3Ryb2tlPSIjOEU2NkZGIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTcwLjUgNzRDNzIuNDMzIDc0IDc0IDcyLjQzMyA3NCA3MC41Qzc0IDY4LjU2NyA3Mi40MzMgNjcgNzAuNSA2N0M2OC41NjcgNjcgNjcgNjguNTY3IDY3IDcwLjVDNjcgNzIuNDMzIDY4LjU2NyA3NCA3MC41IDc0WiIgc3Ryb2tlPSIjOEU2NkZGIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTkyLjUgNzRDOTQuNDMzIDc0IDk2IDcyLjQzMyA5NiA3MC41Qzk2IDY4LjU2NyA5NC40MzMgNjcgOTIuNSA2N0M5MC41NjcgNjcgODkgNjguNTY3IDg5IDcwLjVDODkgNzIuNDMzIDkwLjU2NyA3NCA5Mi41IDc0WiIgc3Ryb2tlPSIjOEU2NkZGIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTQuNSA5NkM2LjQzMyA5NiA4IDk0LjQzMyA4IDkyLjVDOCA5MC41NjcgNi40MzMgODkgNC41IDg5QzIuNTY3IDg5IDEgOTAuNTY3IDEgOTIuNUMxIDk0LjQzMyAyLjU2NyA5NiA0LjUgOTZaIiBzdHJva2U9IiM4RTY2RkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMjYuNSA5NkMyOC40MzMgOTYgMzAgOTQuNDMzIDMwIDkyLjVDMzAgOTAuNTY3IDI4LjQzMyA4OSAyNi41IDg5QzI0LjU2NyA4OSAyMyA5MC41NjcgMjMgOTIuNUMyMyA5NC40MzMgMjQuNTY3IDk2IDI2LjUgOTZaIiBzdHJva2U9IiM4RTY2RkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNNDguNSA5NkM1MC40MzMgOTYgNTIgOTQuNDMzIDUyIDkyLjVDNTIgOTAuNTY3IDUwLjQzMyA4OSA0OC41IDg5QzQ2LjU2NyA4OSA0NSA5MC41NjcgNDUgOTIuNUM0NSA5NC40MzMgNDYuNTY3IDk2IDQ4LjUgOTZaIiBzdHJva2U9IiM4RTY2RkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNNzAuNSA5NkM3Mi40MzMgOTYgNzQgOTQuNDMzIDc0IDkyLjVDNzQgOTAuNTY3IDcyLjQzMyA4OSA3MC41IDg5QzY4LjU2NyA4OSA2NyA5MC41NjcgNjcgOTIuNUM2NyA5NC40MzMgNjguNTY3IDk2IDcwLjUgOTZaIiBzdHJva2U9IiM4RTY2RkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNOTIuNSA5NkM5NC40MzMgOTYgOTYgOTQuNDMzIDk2IDkyLjVDOTYgOTAuNTY3IDk0LjQzMyA4OSA5Mi41IDg5QzkwLjU2NyA4OSA4OSA5MC41NjcgODkgOTIuNUM4OSA5NC40MzMgOTAuNTY3IDk2IDkyLjUgOTZaIiBzdHJva2U9IiM4RTY2RkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xNzAzXzEyMzMzIj4KPHJlY3Qgd2lkdGg9IjEwMiIgaGVpZ2h0PSIxMDAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            z-index: 2;
        }

        .autocam-why-image {
            border-radius: 1.5rem;
            margin: 0 auto;
            position: relative;
            z-index: 1;
            width: 100%;
            height: auto;
        }

        @media (min-width: 768px) {
            .autocam-why-image {
                max-width: 400px;
                width: 80%;
            }
        }

        @media (min-width: 1024px) {
            .autocam-why-image {
                max-width: 375px;
            }
        }

        .autocam-cta-section {
            margin-top: 3rem;
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
            background: linear-gradient(135deg, rgba(238, 221, 255, 0.5) 0%, rgba(221, 238, 255, 0.5) 100%);
            padding: 2rem 1.5rem;
            border-radius: 1rem;
            text-align: center;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }

        @media (min-width: 640px) {
            .autocam-cta-section {
                margin-top: 4rem;
                padding: 2.5rem;
            }
        }

        @media (min-width: 768px) {
            .autocam-cta-section {
                margin-top: 5rem;
                padding: 3rem;
                border-radius: 1.5rem;
            }
        }

        @media (min-width: 1024px) {
            .autocam-cta-section {
                margin-top: 8rem;
                padding: 4rem;
            }
        }

        .autocam-cta-title {
            font-size: 1.5rem;
            font-weight: 700;
            line-height: 1.2;
        }

        @media (min-width: 640px) {
            .autocam-cta-title {
                font-size: 1.75rem;
            }
        }

        @media (min-width: 768px) {
            .autocam-cta-title {
                font-size: 2rem;
            }
        }

        @media (min-width: 1024px) {
            .autocam-cta-title {
                font-size: 2.25rem;
            }
        }

        .autocam-cta-description {
            margin-top: 1rem;
            color: #4b5563;
            max-width: 48rem;
            margin-left: auto;
            margin-right: auto;
            font-size: 0.95rem;
            line-height: 1.6;
            margin-bottom: 1.75rem;
        }

        .autocam-cta-button {
            background-color: #611F69;
            color: white;
            font-weight: 700;
            padding: 0.75rem 1.5rem;
            border-radius: 1.75rem;
            font-size: 1rem;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            transition: all 0.3s ease-in-out;
            border: none;
            cursor: pointer;
            width: 100%;
        }

        @media (min-width: 640px) {
            .autocam-cta-button {
                width: auto;
                padding: 0.75rem 2rem;
                font-size: 1.125rem;
                margin-top: 2rem;
            }
        }

        @media (min-width: 640px) {
            .autocam-cta-description {
                font-size: 1rem;
            }
        }

        @media (min-width: 768px) {
            .autocam-cta-description {
                font-size: 1.125rem;
            }
        }


        .autocam-cta-button:hover {
            background-color: #611F69;
            transform: translateY(-2px);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }