*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 80px; }
body { overflow-x: hidden; }

/* Custom scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0a0508; }
::-webkit-scrollbar-thumb { background: #3d1f4a; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #d4a017; }

/* Selection */
::selection { background: rgba(212, 160, 23, 0.3); color: #fbbf24; }

/* Nav active state */
.nav-link.active { color: #fbbf24 !important; }

/* Service card glow */
.service-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 16px;
    padding: 1px;
    background: linear-gradient(135deg, rgba(251,191,36,0), rgba(251,191,36,0));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: background 0.5s ease;
}
.service-card:hover::before {
    background: linear-gradient(135deg, rgba(251,191,36,0.3), rgba(212,160,23,0.1));
}

/* Fade-in animations */
.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}
.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }
.reveal-delay-4 { transition-delay: 0.4s; }

/* Mobile menu */
.mobile-link { transition: opacity 0.3s; }
#mobile-menu.open { opacity: 1 !important; pointer-events: all !important; }

/* Gold shimmer on headings */
@keyframes shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}
.shimmer-text {
    background: linear-gradient(90deg, #fbbf24 0%, #fde68a 50%, #fbbf24 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: shimmer 4s linear infinite;
}

/* Pulse ring on hero badge */
@keyframes pulse-ring {
    0% { box-shadow: 0 0 0 0 rgba(251, 191, 36, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(251, 191, 36, 0); }
    100% { box-shadow: 0 0 0 0 rgba(251, 191, 36, 0); }
}
.animate-pulse-ring { animation: pulse-ring 2s infinite; }

/* Responsive tweaks */
@media (max-width: 768px) {
    .font-serif { line-height: 1.1; }
}