Tighten mobile trust contact spacing

CHANGELOG.md

@@ -15,6 +15,7 @@ All notable changes to the New Optic website will be documented in this file.
 - Corrected the French 2004 trust wording to use "depuis" without "autour de".
 - Tightened mobile sizing for the WhatsApp nav pill and hero trust badge.
 - Balanced mobile navbar controls so the language switcher, WhatsApp CTA, and menu do not bunch up on the right.
+- Reduced the mobile gap between the reputation section and contact panel.
 
 ## [1.0.0] - 2026-05-16
 

components/ContactSection.tsx

@@ -7,7 +7,7 @@ import PhysicsButton from "./PhysicsButton";
 
 export default function ContactSection({ t, whatsappUrl }: { t: Messages; whatsappUrl: string }) {
   return (
-    <AnimatedSection id="contact" className="px-4 py-20 sm:px-6">
+    <AnimatedSection id="contact" className="px-4 pb-16 pt-6 sm:px-6 sm:py-20">
       <div className="mx-auto grid max-w-7xl gap-6 lg:grid-cols-[1.08fr_0.92fr]">
         <div className="rounded-[3rem] bg-white p-8 shadow-glass sm:p-12">
           <p className="mb-4 text-xs font-semibold uppercase tracking-[0.28em] text-optical/75">{t.contact.eyebrow}</p>

components/TrustSection.tsx

@@ -5,7 +5,7 @@ import SectionHeader from "./SectionHeader";
 
 export default function TrustSection({ t }: { t: Messages }) {
   return (
-    <AnimatedSection id="trust" className="px-4 py-20 sm:px-6">
+    <AnimatedSection id="trust" className="px-4 pb-8 pt-16 sm:px-6 sm:py-20">
       <div className="mx-auto max-w-7xl overflow-hidden rounded-[3rem] bg-ink p-8 text-white shadow-glass sm:p-12 lg:p-16">
         <SectionHeader eyebrow={t.trust.eyebrow} title={t.trust.title} body={t.trust.body} tone="dark" />
         <motion.div className="mt-12 grid gap-4 md:grid-cols-3" initial={false} whileInView="show" viewport={{ once: true, amount: 0.08 }} variants={{ show: { transition: { staggerChildren: 0.12 } } }}>