/* ========================================================================== client-shell.css — coquille « mode client » du simulateur public -------------------------------------------------------------------------- Porte fidèlement trois composants React de l'ancien site Next.js (Navbar.jsx → IntentMenu + pilule Lia, CookieConsent.jsx, CinematicHero.jsx) en CSS vanilla, préfixé `.emc-` pour ne jamais entrer en collision avec les classes Tailwind/`.em-*` déjà chargées sur la page hôte (comparateur.php). Toutes les couleurs sont en dur (palette sunset/midnight/slate de la spec) car on ne dépend d'aucune classe Tailwind arbitraire — seulement des tokens Tailwind *déjà compilés* peuvent exister sur la page, jamais garanti. Sommaire : 1. Variables locales (palette) + resets ciblés 2. Header / topbar + pilule « Parler à Lia » 3. Menu d'intention (IntentMenu) — voile + panneau 4. Hero « argument fort » (CinematicHero) 5. En-tête épuré post-choix (compact) 6. Bandeau cookies (CookieConsent) 7. Keyframes + prefers-reduced-motion 8. Media queries responsive (360px → 1920px) ========================================================================== */ /* -------------------------------------------------------------------- 1. Variables locales — scannées à `.emc-scope` pour rester isolées. On les pose aussi sur :root en secours (au cas où le conteneur racine du shell ne porte pas la classe), sans jamais toucher aux sélecteurs globaux (body, h1, button…) : seule une custom property est globale, ce qui ne redéfinit aucun style existant. -------------------------------------------------------------------- */ :root { /* Palette pilotée par la marque blanche : l'agent principal injecte --emc-brand-50…700 (dérivées de la couleur primaire du cabinet référent) dans un