@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); }
        .brand-border { border-color: var(--brand-border); }
  
		.cta-section {
            background: 
				radial-gradient(circle at top left, rgba(255,255,255,0.08), transparent 26%),
				linear-gradient(135deg, #163B87 0%, #2457D6 50%, #102856 100%);
        }
        .about-hero-overlay {
            background:
                linear-gradient(90deg, rgba(8,12,20,0.82) 0%, rgba(8,12,20,0.6) 40%, rgba(8,12,20,0.35) 100%),
                linear-gradient(180deg, rgba(8,12,20,0.18) 0%, rgba(8,12,20,0.3) 100%);
        }
        .grid-accent {
            background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,0.08) 1px, transparent 0);
            background-size: 20px 20px;
        }