@keyframes revealUp {
            from { opacity: 0; transform: translateY(24px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .reveal { opacity: 0; }
        .reveal.is-visible { animation: revealUp 0.8s ease-out forwards; }
        .delay-100 { animation-delay: 0.1s; }
        .delay-200 { animation-delay: 0.2s; }
        .delay-300 { animation-delay: 0.3s; }
        .delay-400 { animation-delay: 0.4s; }

        .brand-section-light { background: var(--brand-surface); }
        .brand-section-muted { background: var(--brand-surface-2); }
        

        

        .hero-overlay {
            background:
                linear-gradient(90deg, rgba(11,15,25,0.88) 0%, rgba(11,15,25,0.72) 42%, rgba(11,15,25,0.36) 72%, rgba(11,15,25,0.10) 100%),
                linear-gradient(180deg, rgba(11,15,25,0.26) 0%, rgba(11,15,25,0.14) 100%);
        }
        .hero-title {
            color: var(--brand-white);
            text-shadow: 0 8px 30px rgba(0,0,0,0.3);
        }
        .hero-text { color: rgba(255,255,255,0.84); }

        .contact-panel {
            background: linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-blue-hover) 100%);
        }
        .service-accent {
            background: linear-gradient(135deg, rgba(37,99,235,0.12) 0%, rgba(219,234,254,0.55) 100%);
            border: 1px solid rgba(37,99,235,0.12);
        }