:root {
    color-scheme: dark light;
}

@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}

body {
    font-family: 'Inter', sans-serif;
}

/* Focus indicator for all interactive elements */
:focus-visible {
    outline: 2px solid #C9A84C;
    outline-offset: 3px;
    border-radius: 2px;
}

/* Floating WhatsApp pulse animation */
@media (prefers-reduced-motion: no-preference) {
    #whatsapp-float {
        animation: pulse-whatsapp 2.5s infinite;
    }

    @keyframes pulse-whatsapp {
        0%, 100% { transform: scale(1); opacity: 1; }
        50%       { transform: scale(1.06); opacity: 0.8; }
    }
}

/* Header shadow — set via JS on scroll, no transition to avoid box-shadow animation */
header { box-shadow: none; }

/* Gold shimmer effect on service cards */
.service-card:hover .service-icon {
    background: rgba(201, 168, 76, 0.3);
}

@media (prefers-reduced-motion: no-preference) {
    .service-card:hover .service-icon {
        transform: scale(1.05);
        transition: background 0.3s ease, transform 0.3s ease;
    }
}

/* Testimonial hover lift */
@media (prefers-reduced-motion: no-preference) {
    .testimonial-card {
        transition: transform 0.2s ease;
    }
    .testimonial-card:hover {
        transform: translateY(-4px);
    }
}

/* FAQ icon rotation */
@media (prefers-reduced-motion: no-preference) {
    .faq-icon { transition: transform 0.3s ease; }
}

/* CTA hover pulse */
@media (prefers-reduced-motion: no-preference) {
    .cta-primary:hover { animation: cta-pulse 0.6s ease; }

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

/* Stat counter entry */
@media (prefers-reduced-motion: no-preference) {
    @keyframes count-up {
        from { opacity: 0; transform: translateY(10px); }
        to   { opacity: 1; transform: translateY(0); }
    }

    .stat-item { animation: count-up 0.6s ease both; }
}

/* Gold divider line */
.gold-divider {
    height: 2px;
    background: linear-gradient(90deg, transparent, #C9A84C, transparent);
}

/* Result image overlay gradient */
.result-img-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
}
.result-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (prefers-reduced-motion: no-preference) {
    .result-img-wrap img {
        transition: transform 0.4s ease;
    }
    .result-img-wrap:hover img { transform: scale(1.03); }
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #111111; }
::-webkit-scrollbar-thumb { background: #C9A84C; border-radius: 3px; }