/* --- CTA Section Styles --- */

.cta {
    background-color: #1a44a5; /* Deep royal blue matching image_bf9187.png */
}

/* Social Proof Badge Styling */
.cta-badge {
    display: inline-flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.1); /* Subtle transparent white background */
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 6px 20px;
    border-radius: 30px;
    color: #ffffff;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.cta-badge .badge-divider {
    margin: 0 10px;
    color: #00d2ff; /* Vibrant cyan divider matching the icons in image_bf9187.png */
    font-weight: bold;
}

/* Serif heading styling */
.cta h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 2.75rem;
    font-weight: 600;
}

/* Body description typography */
.cta p {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
    opacity: 0.9; /* Slightly softer white text for visual hierarchy */
}

/* Layout Utilities */
.gap-3 {
    gap: 1rem !important; /* Ensures clean spacing between buttons */
}

/* --- Primary Button: Book Your Free Demo --- */
.cta .cta-btn-primary {
    display: inline-block;
    background-color: #00d2ff !important; /* Vibrant cyan matching icon badges from image_bf9187.png */
    border: 2px solid #00d2ff !important;
    color: #ffffff !important;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-weight: 600;
    font-size: 1.05rem;
    padding: 12px 30px;
    border-radius: 50px; /* Clean pill shape */
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease-in-out;
}

.cta .cta-btn-primary:hover {
    background-color: #00bce4 !important; /* Slightly deeper cyan on hover */
    border-color: #00bce4 !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}

/* --- Secondary Button: Explore Products --- */
.cta .cta-btn-secondary {
    display: inline-block;
    background-color: transparent !important;
    border: 2px solid #ffffff !important; /* Crisp white border */
    color: #ffffff !important;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-weight: 600;
    font-size: 1.05rem;
    padding: 12px 30px;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.cta .cta-btn-secondary:hover {
    background-color: #ffffff !important; /* Fills white on hover */
    color: #1a44a5 !important; /* Text switches to the deep background blue */
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* Active pressed state reset for both buttons */
.cta .cta-btn-primary:active, 
.cta .cta-btn-secondary:active {
    transform: translateY(0);
}