/* =================================================== DESIGN TOKENS =================================================== */ /* =================================================== RESET & BASE =================================================== */ /* =================================================== TYPOGRAPHY SCALE =================================================== */ /* =================================================== LAYOUT UTILITIES =================================================== */ /* Section eyebrow label */ /* =================================================== BUTTONS =================================================== */ /* =================================================== SCROLL ANIMATION SETUP =================================================== */ /* =================================================== 1. HEADER =================================================== */ /* Logo area */ /* Fallback logo placeholder — shown when ./logo.png is absent */ display: none; /* shown via JS if img fails */ /* Desktop nav */ /* Mobile menu button */ /* Mobile menu panel */ /* =================================================== 2. HERO SECTION =================================================== */ /* Diagonal supply-chain motif */ /* Radial glow */ /* Hero stats */ /* Scroll hint */ /* =================================================== 3. ABOUT OVERVIEW SECTION =================================================== */ /* Badge panel */ /* Diagonal accent strip */ /* Fact chips */ /* About text column */ /* =================================================== 4. VALUE HIGHLIGHTS (3 Cards) =================================================== */ /* Cards */ /* Top accent bar — using full top border instead of left-side stripe */ /* =================================================== 5. CALL-TO-ACTION BANNER =================================================== */ /* =================================================== 6. FOOTER =================================================== */ /* =================================================== 7. BACK-TO-TOP BUTTON =================================================== */ /* =================================================== RESPONSIVE BREAKPOINTS =================================================== */ /* =================================================== REDUCED MOTION =================================================== */ --> --> --> --> --> --> --> --> --> --> --> --> --> --> /* -------------------------------------------------- 1. Header scroll shadow -------------------------------------------------- */ /* -------------------------------------------------- 2. Mobile menu toggle -------------------------------------------------- */ // Close mobile menu when any link is clicked // Close mobile menu on Escape /* -------------------------------------------------- 3. Back to top -------------------------------------------------- */ /* -------------------------------------------------- 4. Active nav link tracking (scroll spy — only on current page) -------------------------------------------------- */ /* -------------------------------------------------- 5. Scroll-triggered fade-in animations -------------------------------------------------- */ /* -------------------------------------------------- 6. Logo fallback — show "G" initial if logo.png fails -------------------------------------------------- */