Add classy scroll animations — staggered reveals, underline titles, counter highlights, card stacks, smooth hero entrance

index.html

@@ -301,7 +301,7 @@
           <span class="hide-en">About the Community</span>
         </h2>
         <div class="about-grid">
-          <div class="about-card" data-image="banking">
+          <div class="about-card stagger-1" data-image="banking">
             <img src="https://images.unsplash.com/photo-1601597111158-2fceff292cdc?w=400&h=250&fit=crop&q=80" alt="Banking" class="about-image" />
             <h3>
               <span class="hide-de">Banken & Zahlungsverkehr</span>
@@ -312,7 +312,7 @@
               <span class="hide-en">Experiences with Paraguayan and international banks, accounts, transfers and credit cards.</span>
             </p>
           </div>
-          <div class="about-card" data-image="legal">
+          <div class="about-card stagger-2" data-image="legal">
             <img src="https://images.unsplash.com/photo-1589829545856-d10d557cf95f?w=400&h=250&fit=crop&q=80" alt="Legal" class="about-image" />
             <h3>
               <span class="hide-de">Rechtliches</span>
@@ -323,7 +323,7 @@
               <span class="hide-en">Corporate law, contracts, taxes, compliance and jurisprudence in Paraguay.</span>
             </p>
           </div>
-          <div class="about-card" data-image="taxes">
+          <div class="about-card stagger-3" data-image="taxes">
             <img src="https://images.unsplash.com/photo-1554224155-6726b3ff858f?w=400&h=250&fit=crop&q=80" alt="Taxes" class="about-image" />
             <h3>
               <span class="hide-de">Steuern & Buchhaltung</span>