:root {
            --royal-gold: #d4af37;
            --royal-dark: #8b7355;
            --royal-blue: #1e3a8a;
            --royal-cyan: #06b6d4;
            --royal-green: #10b981;
            --royal-purple: #7c3aed;
        }

        /* Royalty Section Background */
        #royalty-licensing {
            background: linear-gradient(135deg, #fef3c7 0%, #fde68a 50%, #fbbf24 100%);
            position: relative;
            overflow: hidden;
            min-height: 100vh;
        }

        #royalty-licensing::before {
            content: '';
            position: absolute;
            width: 800px;
            height: 800px;
            background: radial-gradient(circle, rgba(212, 175, 55, 0.15), transparent);
            border-radius: 50%;
            top: -400px;
            left: 50%;
            transform: translateX(-50%);
            animation: float-royalty 30s ease-in-out infinite;
        }

        #royalty-licensing::after {
            content: '';
            position: absolute;
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, rgba(139, 115, 85, 0.1), transparent);
            border-radius: 50%;
            bottom: -300px;
            right: -300px;
            animation: float-royalty 25s ease-in-out infinite reverse;
        }

        @keyframes float-royalty {
            0%, 100% { transform: translateX(-50%) translateY(0); }
            50% { transform: translateX(-50%) translateY(-60px); }
        }

        /* Section Title */
        .royalty-title {
            background: linear-gradient(135deg, var(--royal-gold) 0%, var(--royal-dark) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            animation: shine-royalty 3s ease-in-out infinite;
            text-shadow: 2px 2px 4px rgba(212, 175, 55, 0.3);
        }

        @keyframes shine-royalty {
            0%, 100% { filter: brightness(1); }
            50% { filter: brightness(1.4); }
        }

        /* Title Underline */
        .royalty-underline {
            width: 160px;
            height: 5px;
            background: linear-gradient(90deg, var(--royal-gold), var(--royal-dark), var(--royal-gold));
            position: relative;
            overflow: hidden;
        }

        .royalty-underline::before {
            content: '';
            position: absolute;
            width: 50%;
            height: 100%;
            background: rgba(255, 255, 255, 0.8);
            animation: slide-royalty 2.5s ease-in-out infinite;
        }

        @keyframes slide-royalty {
            0% { left: -50%; }
            100% { left: 150%; }
        }

        /* Cost Savings Card */
        .savings-card {
            background: linear-gradient(135deg, #ffffff 0%, #fefce8 100%);
            border: 3px solid var(--royal-gold);
            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            overflow: hidden;
        }

        .savings-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.2), transparent);
            transition: left 0.8s;
        }

        .savings-card:hover::before {
            left: 100%;
        }

        .savings-card:hover {
            transform: translateY(-15px) scale(1.02);
            box-shadow: 0 25px 60px rgba(212, 175, 55, 0.4) !important;
        }

        /* Savings Icon */
        .savings-icon {
            width: 120px;
            height: 120px;
            background: linear-gradient(135deg, var(--royal-gold), var(--royal-dark));
            margin: 0 auto 25px;
            animation: rotate-savings 10s linear infinite;
            position: relative;
        }

        .savings-icon::after {
            content: '';
            position: absolute;
            width: 110%;
            height: 110%;
            border: 4px solid var(--royal-gold);
            border-radius: 50%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            animation: pulse-ring 2.5s ease-in-out infinite;
        }

        @keyframes rotate-savings {
            0%, 100% { transform: rotate(0deg); }
            50% { transform: rotate(8deg); }
        }

        @keyframes pulse-ring {
            0% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
            100% { opacity: 0; transform: translate(-50%, -50%) scale(1.4); }
        }

        .savings-icon i {
            animation: bounce-icon 3.5s ease-in-out infinite;
        }

        @keyframes bounce-icon {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }

        /* Benefit Items */
        .benefit-item {
            background: linear-gradient(135deg, #fef9f3 0%, #fffbf0 100%);
            border-left: 5px solid var(--royal-gold);
            transition: all 0.4s ease;
            position: relative;
            padding: 20px;
            margin-bottom: 20px;
        }

        .benefit-item::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 5px;
            height: 100%;
            background: linear-gradient(to bottom, var(--royal-gold), var(--royal-dark));
            animation: glow-benefit 2.5s ease-in-out infinite;
        }

        @keyframes glow-benefit {
            0%, 100% { box-shadow: 0 0 20px var(--royal-gold); }
            50% { box-shadow: 0 0 35px var(--royal-dark); }
        }

        .benefit-item:hover {
            background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
            transform: translateX(15px);
            box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);
        }

        .benefit-icon {
            width: 50px;
            height: 50px;
            background: linear-gradient(135deg, var(--royal-gold), var(--royal-dark));
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
        }

        .benefit-item:hover .benefit-icon {
            transform: scale(1.2) rotate(360deg);
        }

        /* Licensing Cards */
        .license-card {
            background: white;
            border: 2px solid var(--royal-gold);
            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            overflow: hidden;
        }

        .license-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.15), transparent);
            transition: left 0.7s;
        }

        .license-card:hover::before {
            left: 100%;
        }

        .license-card:hover {
            transform: translateY(-20px) scale(1.03);
            box-shadow: 0 30px 70px rgba(212, 175, 55, 0.35) !important;
            border-color: var(--royal-dark);
        }

        /* License Number Badge */
        .license-number {
            position: absolute;
            top: -25px;
            left: 50%;
            transform: translateX(-50%);
            width: 70px;
            height: 70px;
            background: linear-gradient(135deg, var(--royal-gold), var(--royal-dark));
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            font-weight: 900;
            color: white;
            box-shadow: 0 8px 25px rgba(212, 175, 55, 0.4);
            animation: pulse-number 2.5s ease-in-out infinite;
        }

        @keyframes pulse-number {
            0%, 100% { transform: translateX(-50%) scale(1); }
            50% { transform: translateX(-50%) scale(1.1); }
        }

        /* License Icon */
        .license-icon {
            width: 90px;
            height: 90px;
            margin: 0 auto 20px;
            background: linear-gradient(135deg, var(--royal-gold), var(--royal-dark));
            animation: rotate-license 8s linear infinite;
        }

        @keyframes rotate-license {
            0%, 100% { transform: rotate(0deg); }
            50% { transform: rotate(-5deg); }
        }

        /* Percentage Badge */
        .percentage-badge {
            display: inline-block;
            padding: 15px 40px;
            background: linear-gradient(135deg, var(--royal-green), #059669);
            color: white;
            font-size: 2.5rem;
            font-weight: 900;
            border-radius: 50px;
            box-shadow: 0 10px 30px rgba(16, 185, 129, 0.4);
            animation: pulse-percentage 2s ease-in-out infinite;
        }

        @keyframes pulse-percentage {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.08); }
        }

        /* Info Alert */
        .info-alert {
            background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
            border: 2px solid var(--royal-gold);
            position: relative;
            overflow: hidden;
        }

        .info-alert::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 6px;
            background: linear-gradient(to bottom, var(--royal-gold), var(--royal-dark));
            animation: shimmer-alert 2s ease-in-out infinite;
        }

        @keyframes shimmer-alert {
            0%, 100% { box-shadow: 0 0 20px var(--royal-gold); }
            50% { box-shadow: 0 0 40px var(--royal-dark); }
        }

        /* Contact Button */
        .contact-btn {
            background: linear-gradient(135deg, var(--royal-purple), #6d28d9);
            border: none;
            padding: 18px 50px;
            font-size: 1.2rem;
            font-weight: 700;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            overflow: hidden;
        }

        .contact-btn::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0;
            height: 0;
            background: rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            transform: translate(-50%, -50%);
            transition: width 0.6s, height 0.6s;
        }

        .contact-btn:hover::before {
            width: 500px;
            height: 500px;
        }

        .contact-btn:hover {
            transform: translateY(-8px) scale(1.08);
            box-shadow: 0 20px 50px rgba(124, 58, 237, 0.4);
            background: linear-gradient(135deg, #6d28d9, var(--royal-purple));
        }

        .contact-btn i {
            transition: all 0.3s ease;
        }

        .contact-btn:hover i {
            transform: scale(1.3) rotate(360deg);
        }

        /* Responsive */
        @media (max-width: 768px) {
            .savings-icon {
                width: 90px;
                height: 90px;
            }

            .percentage-badge {
                font-size: 2rem;
                padding: 12px 30px;
            }

            .license-number {
                width: 60px;
                height: 60px;
                font-size: 1.5rem;
            }
        }

        /* Smooth Scroll */
        html {
            scroll-behavior: smooth;
        }

        /* Decorative Elements */
        .decoration-circle {
            position: absolute;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(212, 175, 55, 0.1), transparent);
            animation: float-decoration 20s ease-in-out infinite;
        }

        @keyframes float-decoration {
            0%, 100% { transform: translate(0, 0) rotate(0deg); }
            33% { transform: translate(30px, -30px) rotate(120deg); }
            66% { transform: translate(-30px, 30px) rotate(240deg); }
        }