/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
[data-marque="appvora"] {
  --ambre-050: #FFFBEB;
  --ambre-100: #FFEEDD;
  --ambre-200: #FDE68A;
  --ambre-300: #FFCC98;
  --ambre-400: #FFB059;
  --ambre-500: #ED9727;
  --ambre-600: #D97706;
  --ambre-700: #B45309;
  --ambre-800: #754500;
  --ambre-900: #4A2A00;
  --ambre-950: #231100;
  --ambre-vif: #F59E0B;
  --appvora-bordure: #E5E7EB;
  --appvora-encre: #333333;
  --appvora-encre-claire: #6B7280;
  --appvora-fond: #F8F9FC;
  --appvora-violet: #8B5CF6;
  --appvora-violet-clair: #A78BFA;
  --appvora-violet-sombre: #7C3AED;
  --blanc: #FFFFFF;
  --blanc-voile-6: #FFFFFF0F;
  --blanc-voile-7: #FFFFFF12;
  --blanc-voile-70: #FFFFFFB3;
  --casse-normale: none;
  --casse-surtitre: uppercase;
  --cible-tactile: 44px;
  --cible-tactile-mac: 40px;
  --coprohub-accent-clair: #E0C785;
  --coprohub-marque-100: #D9E2ED;
  --coprohub-marque-200: #B3C5DB;
  --coprohub-marque-50: #F0F4F9;
  --coprohub-marque-claire: #2C5282;
  --couleur-accent: #CBA44D;
  --couleur-accent-clair: #E0C785;
  --couleur-accent-texte: #B45309;
  --couleur-attention: #F59E0B;
  --couleur-attention-doux: #FFFBEB;
  --couleur-attention-texte: #B45309;
  --couleur-attention-trait: #FDE68A;
  --couleur-bordure: #E2DFD6;
  --couleur-carte: #FFFFFF;
  --couleur-danger: #F43F5E;
  --couleur-danger-doux: #FFF1F2;
  --couleur-danger-texte: #BE123C;
  --couleur-danger-trait: #FECDD3;
  --couleur-embleme: #CBA44D;
  --couleur-encre: #0F2E45;
  --couleur-encre-voile: #1A202CCC;
  --couleur-fond: #F8F5F0;
  --couleur-fond-creux: #EEEBE3;
  --couleur-icone: #4A5568;
  --couleur-icone-discret: #718096;
  --couleur-marque: #1E3A5F;
  --couleur-marque-100: #D9E2ED;
  --couleur-marque-200: #B3C5DB;
  --couleur-marque-50: #F0F4F9;
  --couleur-marque-claire: #2C5282;
  --couleur-marque-sombre: #0F2E45;
  --couleur-marque-texte: #1E3A5F;
  --couleur-neutre: #718096;
  --couleur-neutre-doux: #EEEBE3;
  --couleur-neutre-texte: #4A5568;
  --couleur-neutre-trait: #E2DFD6;
  --couleur-separateur: #E2DFD6;
  --couleur-succes: #10B981;
  --couleur-succes-doux: #ECFDF5;
  --couleur-succes-texte: #047857;
  --couleur-succes-trait: #A7F3D0;
  --couleur-sur-accent: #12161D;
  --couleur-sur-marque: #FFFFFF;
  --couleur-sur-marque-attenue: #CCDBEC;
  --couleur-sur-marque-discret: #8BA3BD;
  --couleur-texte: #1A202C;
  --couleur-texte-discret: #5E6B80;
  --couleur-texte-secondaire: #4A5568;
  --couleur-voile: #1A202C66;
  --couleur-voile-fort: #1A202C80;
  --creme-050: #F8F5F0;
  --creme-100: #EEEBE3;
  --creme-200: #E2DFD6;
  --creme-300: #D1CDC4;
  --creme-400: #BAB6AD;
  --creme-500: #9F9B92;
  --creme-600: #827E76;
  --creme-700: #64615A;
  --creme-800: #48453F;
  --creme-900: #2E2C27;
  --creme-950: #181612;
  --donnee-1: #1E3A5F;
  --donnee-2: #CBA44D;
  --donnee-3: #335476;
  --donnee-4: #059669;
  --donnee-5: #D97706;
  --donnee-6: #6D88A5;
  --donnee-axe: #0F2E4547;
  --donnee-grille: #0F2E4514;
  --donnee-piste: #0F2E450F;
  --espace-0: 0px;
  --espace-12: 8 * 1.5;
  --espace-16: 8 * 2;
  --espace-2: 8 / 4;
  --espace-20: 8 * 2.5;
  --espace-24: 8 * 3;
  --espace-32: 8 * 4;
  --espace-4: 8 / 2;
  --espace-40: 8 * 5;
  --espace-48: 8 * 6;
  --espace-8: 8px;
  --espace-base: 8px;
  --etat-appui-echelle: 0.97;
  --etat-desactive: 0.5;
  --etat-presse: 0.8;
  --etat-voile: 0.32;
  --etat-voile-fort: 0.55;
  --focus-anneau: #1E3A5F8C;
  --format-a4-hauteur: 1123px;
  --format-a4-largeur: 794px;
  --format-a5-hauteur: 794px;
  --format-a5-largeur: 559px;
  --format-email-largeur: 600px;
  --format-ipad-hauteur: 1194px;
  --format-ipad-largeur: 834px;
  --format-iphone-hauteur: 852px;
  --format-iphone-largeur: 393px;
  --format-macos-hauteur: 982px;
  --format-macos-largeur: 1512px;
  --format-saas-hauteur: 982px;
  --format-saas-largeur: 1512px;
  --format-slides-hauteur: 1080px;
  --format-slides-largeur: 1920px;
  --format-windows-hauteur: 1080px;
  --format-windows-largeur: 1920px;
  --fosoneo-noir: #000000;
  --fosoneo-rouge: #E2001A;
  --gabarit-contenu: 900px;
  --gabarit-gouttiere-app: 8 * 3;
  --gabarit-lecture: 640px;
  --graisse-appuyee: 600;
  --graisse-grasse: 700;
  --graisse-moyenne: 500;
  --graisse-normale: 400;
  --grischaud-050: #F2F7FF;
  --grischaud-075: #DFE4EA;
  --grischaud-100: #D7DEEA;
  --grischaud-200: #BCC6D5;
  --grischaud-300: #A2AEC1;
  --grischaud-400: #8996AC;
  --grischaud-500: #718096;
  --grischaud-600: #5E6B80;
  --grischaud-700: #4A5568;
  --grischaud-800: #2F3848;
  --grischaud-900: #1A202C;
  --grischaud-950: #12161D;
  --halo-marque: 0px 8px 24px 0px #1E3A5F59;
  --halo-marque-doux: 0px 4px 16px 0px #1E3A5F40;
  --interlettre-affiche: -0.54px;
  --interlettre-corps: 0px;
  --interlettre-etiquette: 1.54px;
  --interlettre-mention: 1.8px;
  --interlettre-surtitre: 2.2px;
  --interlettre-titre: -0.42px;
  --interlettre-titre2: -0.33px;
  --interligne-compact: 1.4;
  --interligne-corps: 1.55;
  --interligne-etiquette: 1.3;
  --interligne-large: 1.6;
  --interligne-plat: 1;
  --interligne-serre: 1.1;
  --interligne-titre: 1.25;
  --logo-accent: #CBA44D;
  --logo-encre: #0F2E45;
  --manquapp-corail: #F4756C;
  --manquapp-corail-clair: #FF8787;
  --manquapp-encre: #333333;
  --manquapp-fond: #FFFAF6;
  --manquapp-soleil: #FFD43B;
  --mouvement-couleur: 200ms;
  --mouvement-deplace: 250ms;
  --mouvement-etat: 90ms;
  --mouvement-feuille: 400ms;
  --navy-050: #F1F8FF;
  --navy-100: #CCDBEC;
  --navy-200: #ABBFD5;
  --navy-300: #8BA3BD;
  --navy-400: #6D88A5;
  --navy-500: #4F6E8D;
  --navy-600: #335476;
  --navy-700: #1E3A5F;
  --navy-800: #0F2E45;
  --navy-900: #0A1928;
  --navy-950: #03080E;
  --noir: #000000;
  --ombre-elevee: 0px 20px 40px 0px #1E3A5F1F;
  --ombre-feuille: 0px 25px 50px 0px #1A202C40;
  --ombre-standard: 0px 2px 8px 0px #0F2E451F;
  --ombre-subtile: 0px 1px 2px 0px #1A202C0D;
  --or-050: #FFF6E3;
  --or-100: #F6E7C7;
  --or-200: #EFDAAC;
  --or-300: #E6CB91;
  --or-400: #DABC77;
  --or-500: #CBA44D;
  --or-600: #AF904B;
  --or-700: #8C7131;
  --or-800: #664F16;
  --or-900: #412F00;
  --or-950: #1E1400;
  --police-corps: Inter Tight;
  --police-mono: JetBrains Mono;
  --police-titre: Fraunces;
  --rayon-bouton: 10px;
  --rayon-compact: 10px;
  --rayon-l: 18px;
  --rayon-m: 14px;
  --rayon-pilule: 999px;
  --rayon-s: 8px;
  --rayon-sheet: 20px;
  --rayon-xl: 24px;
  --rayon-xs: 6px;
  --rose-050: #FFF1F2;
  --rose-200: #FECDD3;
  --rose-500: #F43F5E;
  --rose-700: #BE123C;
  --rouge-050: #FEF4F3;
  --rouge-100: #F8D7D3;
  --rouge-200: #F2B8B2;
  --rouge-300: #F4968A;
  --rouge-400: #F67163;
  --rouge-500: #EA5145;
  --rouge-600: #D13B32;
  --rouge-700: #B42318;
  --rouge-800: #8E0307;
  --rouge-900: #5F0002;
  --rouge-950: #330001;
  --site-espace-hero: 96px;
  --site-espace-section: 64px;
  --site-largeur-contenu: 1200px;
  --site-largeur-mobile: 393px;
  --site-presse-titre-display: 156px;
  --site-presse-titre-mobile: 64px;
  --site-rayon-carte: 24px;
  --site-titre-display: 64px;
  --site-titre-mobile: 40px;
  --site-titre-section: 48px;
  --squelette-fond: #0F2E450F;
  --teinte-accent: #CBA44D;
  --teinte-accent-clair: #E0C785;
  --teinte-accent-texte: #B45309;
  --teinte-bordure: #E2DFD6;
  --teinte-carte: #FFFFFF;
  --teinte-donnee-1: #1E3A5F;
  --teinte-donnee-2: #CBA44D;
  --teinte-donnee-3: #335476;
  --teinte-donnee-4: #059669;
  --teinte-donnee-5: #D97706;
  --teinte-donnee-6: #6D88A5;
  --teinte-embleme: #CBA44D;
  --teinte-encre: #0F2E45;
  --teinte-focus: #1E3A5F8C;
  --teinte-fond: #F8F5F0;
  --teinte-fond-creux: #EEEBE3;
  --teinte-halo: #1E3A5F59;
  --teinte-halo-doux: #1E3A5F40;
  --teinte-marque: #1E3A5F;
  --teinte-marque-100: #D9E2ED;
  --teinte-marque-200: #B3C5DB;
  --teinte-marque-50: #F0F4F9;
  --teinte-marque-claire: #2C5282;
  --teinte-marque-sombre: #0F2E45;
  --teinte-marque-texte: #1E3A5F;
  --teinte-ombre-elevee: #1E3A5F1F;
  --teinte-ombre-feuille: #1A202C40;
  --teinte-ombre-standard: #0F2E451F;
  --teinte-ombre-subtile: #1A202C0D;
  --teinte-sombre-accent: #DABC77;
  --teinte-sombre-accent-clair: #E6CB91;
  --teinte-sombre-accent-texte: #E6CB91;
  --teinte-sombre-bordure: #0F2E45;
  --teinte-sombre-carte: #0A1928;
  --teinte-sombre-donnee-1: #8BA3BD;
  --teinte-sombre-donnee-2: #DABC77;
  --teinte-sombre-donnee-3: #6D88A5;
  --teinte-sombre-donnee-4: #4EB48A;
  --teinte-sombre-donnee-5: #FFB059;
  --teinte-sombre-donnee-6: #4F6E8D;
  --teinte-sombre-embleme: #DABC77;
  --teinte-sombre-encre: #F1F8FF;
  --teinte-sombre-focus: #4F6E8D8C;
  --teinte-sombre-fond: #03080E;
  --teinte-sombre-fond-creux: #000000;
  --teinte-sombre-halo: #8BA3BD52;
  --teinte-sombre-halo-doux: #8BA3BD38;
  --teinte-sombre-marque: #335476;
  --teinte-sombre-marque-100: #0F2E45;
  --teinte-sombre-marque-200: #1E3A5F;
  --teinte-sombre-marque-50: #0A1928;
  --teinte-sombre-marque-claire: #4F6E8D;
  --teinte-sombre-marque-sombre: #1E3A5F;
  --teinte-sombre-marque-texte: #8BA3BD;
  --teinte-sombre-ombre-elevee: #00000033;
  --teinte-sombre-ombre-feuille: #0000002E;
  --teinte-sombre-ombre-standard: #0000001F;
  --teinte-sombre-ombre-subtile: #00000014;
  --teinte-sombre-squelette: #FFFFFF0F;
  --teinte-sombre-sur-accent: #12161D;
  --teinte-sombre-sur-marque: #FFFFFF;
  --teinte-sombre-trame: #FFFFFF47;
  --teinte-sombre-trame-grille: #FFFFFF14;
  --teinte-sombre-trame-piste: #FFFFFF0F;
  --teinte-sombre-verre-filet: #FFFFFF0F;
  --teinte-sombre-voile: #00000052;
  --teinte-sombre-voile-fort: #0000008C;
  --teinte-squelette: #0F2E450F;
  --teinte-sur-accent: #12161D;
  --teinte-sur-marque: #FFFFFF;
  --teinte-trame: #0F2E4547;
  --teinte-trame-grille: #0F2E4514;
  --teinte-trame-piste: #0F2E450F;
  --teinte-verre-filet: #0F2E450F;
  --teinte-voile: #1A202C66;
  --teinte-voile-fort: #1A202C80;
  --texte-accroche: 17px;
  --texte-affiche: 36px;
  --texte-code: 14px;
  --texte-corps: 15px;
  --texte-etiquette: 11px;
  --texte-grand-titre: 34px;
  --texte-lecture: 16px;
  --texte-legende: 12px;
  --texte-libelle: 13px;
  --texte-lien: 14px;
  --texte-micro: 10px;
  --texte-sous-titre: 18px;
  --texte-titre: 22px;
  --texte-titre-carte: 24px;
  --texte-titre2: 30px;
  --texte-titre3: 20px;
  --tonmiroir-clair: #F4F1FB;
  --tonmiroir-lila: #A78BDA;
  --tonmiroir-nuit: #252A52;
  --tonmiroir-or: #EFC15F;
  --tonmiroir-rose: #C08497;
  --trait-fin: 1;
  --trait-separateur: 1px;
  --transparent: #00000000;
  --typo-accroche-fontFamilies: Inter Tight;
  --typo-accroche-fontSizes: 17;
  --typo-accroche-fontWeights: 500;
  --typo-accroche-letterSpacing: 0px;
  --typo-accroche-lineHeights: 1.6;
  --typo-accroche-textCase: none;
  --typo-accroche-textDecoration: none;
  --typo-affiche-fontFamilies: Fraunces;
  --typo-affiche-fontSizes: 36;
  --typo-affiche-fontWeights: 700;
  --typo-affiche-letterSpacing: -0.54px;
  --typo-affiche-lineHeights: 1.1;
  --typo-affiche-textCase: none;
  --typo-affiche-textDecoration: none;
  --typo-badge-fontFamilies: Inter Tight;
  --typo-badge-fontSizes: 11;
  --typo-badge-fontWeights: 500;
  --typo-badge-letterSpacing: 0px;
  --typo-badge-lineHeights: 1.3;
  --typo-badge-textCase: none;
  --typo-code-fontFamilies: JetBrains Mono;
  --typo-code-fontSizes: 14;
  --typo-code-fontWeights: 400;
  --typo-code-letterSpacing: 0px;
  --typo-code-lineHeights: 1.55;
  --typo-code-textCase: none;
  --typo-code-textDecoration: none;
  --typo-corps-fontFamilies: Inter Tight;
  --typo-corps-fontSizes: 15;
  --typo-corps-fontWeights: 400;
  --typo-corps-letterSpacing: 0px;
  --typo-corps-lineHeights: 1.55;
  --typo-corps-textCase: none;
  --typo-corps-textDecoration: none;
  --typo-etiquette-fontFamilies: Inter Tight;
  --typo-etiquette-fontSizes: 11;
  --typo-etiquette-fontWeights: 600;
  --typo-etiquette-letterSpacing: 1.54px;
  --typo-etiquette-lineHeights: 1.1;
  --typo-etiquette-textCase: none;
  --typo-etiquette-textDecoration: none;
  --typo-grand-titre-fontFamilies: Fraunces;
  --typo-grand-titre-fontSizes: 34;
  --typo-grand-titre-fontWeights: 700;
  --typo-grand-titre-letterSpacing: -0.42px;
  --typo-grand-titre-lineHeights: 1.1;
  --typo-grand-titre-textCase: none;
  --typo-grand-titre-textDecoration: none;
  --typo-lecture-fontFamilies: Inter Tight;
  --typo-lecture-fontSizes: 16;
  --typo-lecture-fontWeights: 400;
  --typo-lecture-letterSpacing: 0px;
  --typo-lecture-lineHeights: 1.55;
  --typo-lecture-textCase: none;
  --typo-lecture-textDecoration: none;
  --typo-legende-fontFamilies: Inter Tight;
  --typo-legende-fontSizes: 12;
  --typo-legende-fontWeights: 400;
  --typo-legende-letterSpacing: 0px;
  --typo-legende-lineHeights: 1.6;
  --typo-legende-textCase: none;
  --typo-legende-textDecoration: none;
  --typo-lien-fontFamilies: Inter Tight;
  --typo-lien-fontSizes: 14;
  --typo-lien-fontWeights: 500;
  --typo-lien-letterSpacing: 0px;
  --typo-lien-lineHeights: 1.55;
  --typo-lien-textCase: none;
  --typo-lien-textDecoration: none;
  --typo-micro-fontFamilies: Inter Tight;
  --typo-micro-fontSizes: 10;
  --typo-micro-fontWeights: 500;
  --typo-micro-letterSpacing: 0px;
  --typo-micro-lineHeights: 1.1;
  --typo-micro-textCase: none;
  --typo-micro-textDecoration: none;
  --typo-titre-fontFamilies: Fraunces;
  --typo-titre-fontSizes: 22;
  --typo-titre-fontWeights: 600;
  --typo-titre-letterSpacing: -0.42px;
  --typo-titre-lineHeights: 1.25;
  --typo-titre-textCase: none;
  --typo-titre-textDecoration: none;
  --typo-titre-carte-fontFamilies: Fraunces;
  --typo-titre-carte-fontSizes: 24;
  --typo-titre-carte-fontWeights: 600;
  --typo-titre-carte-letterSpacing: -0.33px;
  --typo-titre-carte-lineHeights: 1.25;
  --typo-titre-carte-textCase: none;
  --typo-titre-carte-textDecoration: none;
  --typo-titre2-fontFamilies: Fraunces;
  --typo-titre2-fontSizes: 30;
  --typo-titre2-fontWeights: 600;
  --typo-titre2-letterSpacing: -0.33px;
  --typo-titre2-lineHeights: 1.25;
  --typo-titre2-textCase: none;
  --typo-titre2-textDecoration: none;
  --typo-titre3-fontFamilies: Fraunces;
  --typo-titre3-fontSizes: 20;
  --typo-titre3-fontWeights: 600;
  --typo-titre3-letterSpacing: -0.33px;
  --typo-titre3-lineHeights: 1.25;
  --typo-titre3-textCase: none;
  --typo-titre3-textDecoration: none;
  --verre-bordure: #FFFFFF8C;
  --verre-filet: #0F2E450F;
  --verre-flou: 8px;
  --verre-flou-fort: 10px;
  --verre-fond: #FFFFFFB3;
  --verre-fond-dense: #F8F5F0D9;
  --vert-050: #ECFDF5;
  --vert-100: #CBF8E3;
  --vert-200: #A7F3D0;
  --vert-300: #7CD3AD;
  --vert-400: #4EB48A;
  --vert-500: #059669;
  --vert-600: #048760;
  --vert-700: #047857;
  --vert-800: #00583E;
  --vert-900: #003926;
  --vert-950: #001D10;
  --vert-vif: #10B981;
}
[data-marque="appvora"][data-theme="dark"] {
  --couleur-accent: #DABC77;
  --couleur-accent-clair: #E6CB91;
  --couleur-accent-texte: #E6CB91;
  --couleur-attention: #FFB059;
  --couleur-attention-doux: #231100;
  --couleur-attention-texte: #FFCC98;
  --couleur-attention-trait: #754500;
  --couleur-bordure: #0F2E45;
  --couleur-carte: #0A1928;
  --couleur-danger: #F43F5E;
  --couleur-danger-doux: #330001;
  --couleur-danger-texte: #FECDD3;
  --couleur-danger-trait: #8E0307;
  --couleur-embleme: #DABC77;
  --couleur-encre: #F1F8FF;
  --couleur-encre-voile: #F2F7FFCC;
  --couleur-fond: #03080E;
  --couleur-fond-creux: #000000;
  --couleur-icone: #A2AEC1;
  --couleur-icone-discret: #718096;
  --couleur-marque: #335476;
  --couleur-marque-100: #0F2E45;
  --couleur-marque-200: #1E3A5F;
  --couleur-marque-50: #0A1928;
  --couleur-marque-claire: #4F6E8D;
  --couleur-marque-sombre: #1E3A5F;
  --couleur-marque-texte: #8BA3BD;
  --couleur-neutre: #8996AC;
  --couleur-neutre-doux: #2F3848;
  --couleur-neutre-texte: #BCC6D5;
  --couleur-neutre-trait: #4A5568;
  --couleur-separateur: #0F2E45;
  --couleur-succes: #4EB48A;
  --couleur-succes-doux: #001D10;
  --couleur-succes-texte: #7CD3AD;
  --couleur-succes-trait: #00583E;
  --couleur-sur-accent: #12161D;
  --couleur-sur-marque: #FFFFFF;
  --couleur-sur-marque-attenue: #CCDBEC;
  --couleur-sur-marque-discret: #ABBFD5;
  --couleur-texte: #F2F7FF;
  --couleur-texte-discret: #8996AC;
  --couleur-texte-secondaire: #A2AEC1;
  --couleur-voile: #00000052;
  --couleur-voile-fort: #0000008C;
  --donnee-1: #8BA3BD;
  --donnee-2: #DABC77;
  --donnee-3: #6D88A5;
  --donnee-4: #4EB48A;
  --donnee-5: #FFB059;
  --donnee-6: #4F6E8D;
  --donnee-axe: #FFFFFF47;
  --donnee-grille: #FFFFFF14;
  --donnee-piste: #FFFFFF0F;
  --focus-anneau: #4F6E8D8C;
  --halo-marque: 0px 8px 24px 0px #8BA3BD52;
  --halo-marque-doux: 0px 4px 16px 0px #8BA3BD38;
  --logo-accent: #DABC77;
  --logo-encre: #F1F8FF;
  --ombre-elevee: 0px 20px 40px 0px #00000033;
  --ombre-feuille: 0px 25px 50px 0px #0000002E;
  --ombre-standard: 0px 2px 8px 0px #0000001F;
  --ombre-subtile: 0px 1px 2px 0px #00000014;
  --squelette-fond: #FFFFFF0F;
  --verre-bordure: #FFFFFF38;
  --verre-filet: #FFFFFF0F;
  --verre-fond: #14101CB8;
  --verre-fond-dense: #14101CDB;
}
@media (prefers-color-scheme: dark) {
  :root[data-marque="appvora"]:not([data-theme="light"]):not([data-theme="dark"]) {
    --couleur-accent: #DABC77;
    --couleur-accent-clair: #E6CB91;
    --couleur-accent-texte: #E6CB91;
    --couleur-attention: #FFB059;
    --couleur-attention-doux: #231100;
    --couleur-attention-texte: #FFCC98;
    --couleur-attention-trait: #754500;
    --couleur-bordure: #0F2E45;
    --couleur-carte: #0A1928;
    --couleur-danger: #F43F5E;
    --couleur-danger-doux: #330001;
    --couleur-danger-texte: #FECDD3;
    --couleur-danger-trait: #8E0307;
    --couleur-embleme: #DABC77;
    --couleur-encre: #F1F8FF;
    --couleur-encre-voile: #F2F7FFCC;
    --couleur-fond: #03080E;
    --couleur-fond-creux: #000000;
    --couleur-icone: #A2AEC1;
    --couleur-icone-discret: #718096;
    --couleur-marque: #335476;
    --couleur-marque-100: #0F2E45;
    --couleur-marque-200: #1E3A5F;
    --couleur-marque-50: #0A1928;
    --couleur-marque-claire: #4F6E8D;
    --couleur-marque-sombre: #1E3A5F;
    --couleur-marque-texte: #8BA3BD;
    --couleur-neutre: #8996AC;
    --couleur-neutre-doux: #2F3848;
    --couleur-neutre-texte: #BCC6D5;
    --couleur-neutre-trait: #4A5568;
    --couleur-separateur: #0F2E45;
    --couleur-succes: #4EB48A;
    --couleur-succes-doux: #001D10;
    --couleur-succes-texte: #7CD3AD;
    --couleur-succes-trait: #00583E;
    --couleur-sur-accent: #12161D;
    --couleur-sur-marque: #FFFFFF;
    --couleur-sur-marque-attenue: #CCDBEC;
    --couleur-sur-marque-discret: #ABBFD5;
    --couleur-texte: #F2F7FF;
    --couleur-texte-discret: #8996AC;
    --couleur-texte-secondaire: #A2AEC1;
    --couleur-voile: #00000052;
    --couleur-voile-fort: #0000008C;
    --donnee-1: #8BA3BD;
    --donnee-2: #DABC77;
    --donnee-3: #6D88A5;
    --donnee-4: #4EB48A;
    --donnee-5: #FFB059;
    --donnee-6: #4F6E8D;
    --donnee-axe: #FFFFFF47;
    --donnee-grille: #FFFFFF14;
    --donnee-piste: #FFFFFF0F;
    --focus-anneau: #4F6E8D8C;
    --halo-marque: 0px 8px 24px 0px #8BA3BD52;
    --halo-marque-doux: 0px 4px 16px 0px #8BA3BD38;
    --logo-accent: #DABC77;
    --logo-encre: #F1F8FF;
    --ombre-elevee: 0px 20px 40px 0px #00000033;
    --ombre-feuille: 0px 25px 50px 0px #0000002E;
    --ombre-standard: 0px 2px 8px 0px #0000001F;
    --ombre-subtile: 0px 1px 2px 0px #00000014;
    --squelette-fond: #FFFFFF0F;
    --verre-bordure: #FFFFFF38;
    --verre-filet: #FFFFFF0F;
    --verre-fond: #14101CB8;
    --verre-fond-dense: #14101CDB;
  }
}
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .relative {
    position: relative;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
}
@font-face {
  font-family: 'Inter Tight';
  src: url('/fonts/InterTight.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: 'Fraunces';
  src: url('/fonts/Fraunces.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: 'Baloo Tamma 2';
  src: url('/fonts/BalooTamma2.woff') format('woff');
  font-weight: 600;
  font-display: swap;
}
:root {
  --color-bg: var(--couleur-fond);
  --color-bg-alt: var(--couleur-fond-creux);
  --color-text: var(--couleur-texte);
  --color-text-secondary: var(--couleur-texte-secondaire);
  --color-accent: var(--couleur-accent);
  --color-border: var(--couleur-bordure);
  color-scheme: light;
}
:root[data-theme='dark'] {
  color-scheme: dark;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 112px;
}
body {
  margin: 0;
  background: var(--couleur-fond);
  color: var(--couleur-encre);
  font-family: var(--police-corps), sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4,p {
  margin: 0;
}
h1,h2,h3 {
  font-family: var(--police-titre), Georgia, serif;
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -.035em;
}
a {
  color: inherit;
  text-decoration: none;
}
button,input,textarea,select {
  font: inherit;
}
button,a,input,textarea,select,summary {
  -webkit-tap-highlight-color: transparent;
}
button {
  cursor: pointer;
}
button:disabled {
  cursor: default;
  opacity: .5;
}
button {
  color: inherit;
}
img,svg {
  display: block;
  max-width: 100%;
}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible {
  outline: 3px solid var(--couleur-encre);
  outline-offset: 5px;
}
::selection {
  background: var(--or-200);
  color: var(--navy-800);
}
.section {
  padding: var(--site-espace-section) 48px;
}
.section-container {
  width: 100%;
  max-width: var(--site-largeur-contenu);
  margin-inline: auto;
}
.section-header {
  margin-bottom: 32px;
}
.section-header h2 {
  font-size: clamp(32px, 4vw, var(--site-titre-section));
}
.section-header h3 {
  font-size: 32px;
}
.section-header p:not(.eyebrow) {
  color: var(--couleur-texte-secondaire);
  margin-top: 20px;
  max-width: 650px;
}
.eyebrow {
  text-transform: uppercase;
  letter-spacing: .13em;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.6;
  color: var(--couleur-accent-texte);
}
.section-header .eyebrow {
  margin-bottom: 16px;
}
.split-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 48px;
}
.split-heading > p {
  max-width: 370px !important;
  padding-bottom: 4px;
}
.header {
  position: sticky;
  top: 0;
  z-index: 30;
  background: var(--couleur-fond);
  border-bottom: 1px solid var(--couleur-bordure);
}
.header-container {
  max-width: calc(var(--site-largeur-contenu) + 96px);
  padding: 20px 48px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  color: inherit;
}
.logo picture {
  display: block;
  line-height: 0;
}
.logo img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}
.brand-wordmark {
  font-family: 'Baloo Tamma 2', var(--police-corps), sans-serif;
  font-size: 31px;
  font-weight: 600;
  line-height: 1;
  padding-top: 7px;
}
.footer .brand-wordmark {
  color: var(--creme-050);
}
.brand-dark {
  display: none;
}
[data-theme='dark'] .brand-dark {
  display: block;
}
[data-theme='dark'] .brand-light {
  display: none;
}
.header nav {
  display: flex;
  align-items: center;
  gap: 32px;
}
.header nav a {
  font-size: 14px;
  padding: 12px 0;
  border-bottom: 1px solid transparent;
}
.header nav a:hover {
  border-color: var(--couleur-accent);
}
.theme-toggle,.mobile-menu-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  background: transparent;
  border: 1px solid var(--couleur-bordure);
  border-radius: var(--rayon-bouton);
}
.mobile-menu-btn {
  display: none;
}
.skip-link {
  position: absolute;
  left: 24px;
  top: -100px;
  padding: 12px 24px;
  background: var(--couleur-encre);
  color: var(--couleur-fond);
  z-index: 50;
}
.skip-link:focus {
  top: 12px;
}
.hero {
  max-width: calc(var(--site-largeur-contenu) + 96px);
  margin: auto;
  padding: var(--site-espace-hero) 48px;
  display: grid;
  grid-template-columns: 1.65fr 1fr;
  gap: 64px;
  align-items: center;
  min-height: 550px;
}
.hero h1 {
  font-size: clamp(40px, 4.8vw, var(--site-titre-display));
  margin: 28px 0;
  font-weight: 500;
  letter-spacing: -.045em;
}
.hero h1 span {
  white-space: nowrap;
}
.hero-description {
  max-width: 560px;
  color: var(--couleur-texte-secondaire);
  font-size: 17px;
  line-height: 1.7;
}
.hero-buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 28px;
  margin-top: 32px;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  min-height: 48px;
  padding: 12px 24px;
  border-radius: var(--rayon-bouton);
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: 600;
}
.btn-primary {
  background: var(--couleur-accent);
  color: var(--couleur-sur-accent);
}
.btn-primary:hover {
  background: var(--couleur-accent-clair);
}
.btn-secondary {
  border-color: var(--couleur-bordure);
  background: var(--couleur-carte);
}
.text-link {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  min-height: 44px;
  font-size: 14px;
  border-bottom: 1px solid var(--couleur-bordure);
}
.hero-caption {
  color: var(--couleur-texte-secondaire);
  font-size: 12px;
  margin-top: 20px;
}
.studio-signature {
  background: var(--navy-700);
  color: var(--creme-050);
  border-radius: var(--site-rayon-carte);
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.studio-signature .logo img {
  width: 40px;
  height: 40px;
}
.studio-signature .brand-wordmark {
  color: var(--creme-050);
  font-size: 28px;
}
.studio-signature p {
  font: 500 30px/1.18 var(--police-titre), serif;
  letter-spacing: -.02em;
}
.signature-caption,.signature-foot {
  color: var(--navy-100);
  font-size: 12px;
}
.signature-rule {
  width: 48px;
  height: 1px;
  background: var(--or-400);
}
.apps-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 28px;
}
.apps-filter-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 8px 18px;
  border: 1px solid var(--couleur-bordure);
  border-radius: var(--rayon-pilule);
  background: transparent;
  font-size: 13px;
}
.apps-filter-btn[aria-pressed='true'] {
  background: var(--couleur-encre);
  border-color: var(--couleur-encre);
  color: var(--couleur-fond);
}
.apps-filter-count {
  font-size: 11px;
  opacity: .8;
}
.project-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 24px;
}
.project-card {
  display: flex;
  flex-direction: column;
  min-height: 420px;
  min-width: 0;
  padding: 36px;
  border-radius: var(--site-rayon-carte);
  color: var(--couleur-encre);
  background: var(--couleur-carte);
  border: 1px solid var(--couleur-bordure);
}
.project-card:not(.project-card-internal) {
  --couleur-encre: var(--navy-800);
  --couleur-texte-secondaire: var(--navy-600);
  --couleur-fond: var(--creme-050);
  --couleur-carte: var(--blanc);
  --couleur-bordure: var(--navy-200);
}
.project-card-active {
  color: var(--creme-050);
  border-color: var(--navy-600);
  background: radial-gradient(ellipse at 80% 20%, var(--or-500), transparent 65%), linear-gradient(135deg,var(--navy-800),var(--navy-700));
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient(ellipse at 80% 20%, color-mix(in srgb,var(--or-500) 17%,transparent), transparent 65%), linear-gradient(135deg,var(--navy-800),var(--navy-700));
  }
  box-shadow: var(--ombre-standard);
}
.project-badge {
  align-self: flex-start;
  color: var(--couleur-texte-secondaire);
  background: var(--couleur-fond);
  border: 1px solid var(--couleur-bordure);
  border-radius: var(--rayon-pilule);
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 600;
}
.project-card-active .project-badge {
  color: var(--or-300);
  background: var(--or-500);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb,var(--or-500) 12%,transparent);
  }
  border-color: var(--or-500);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--or-500) 50%,transparent);
  }
}
.project-heading {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin: 36px 0;
}
.project-icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  border-radius: 16px;
  background: var(--creme-050);
  color: var(--navy-800);
  font: 500 26px var(--police-titre), serif;
}
.project-icon img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}
.project-card h3 {
  font: 650 31px/1.15 var(--police-corps),sans-serif;
  letter-spacing: -.035em;
}
.project-promise {
  font-size: 27px;
  line-height: 1.3;
  font-weight: 550;
  letter-spacing: -.02em;
  margin-bottom: 20px;
}
.project-description {
  font-size: 15px;
  line-height: 1.65;
  color: var(--couleur-texte-secondaire);
  margin-bottom: 24px;
}
.project-platforms {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  margin: auto 0 24px;
  list-style: none;
}
.project-platforms li {
  font-size: 11px;
  padding: 3px 9px;
  border-radius: var(--rayon-xs);
  border: 1px solid var(--couleur-bordure);
  color: var(--couleur-texte-secondaire);
}
.project-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 20px;
  margin-top: auto;
}
.project-open {
  font-size: 14px;
  text-decoration: none;
  gap: 20px;
  background: var(--or-500);
  color: var(--navy-900);
}
.project-availability {
  font-size: 11px;
  color: var(--couleur-texte-secondaire);
}
.project-card-active :is(.project-description,.project-platforms li,.project-availability) {
  color: var(--navy-100);
}
.project-card-active .project-platforms li {
  border-color: var(--navy-500);
}
.project-progress {
  font-size: 12px;
  color: var(--couleur-texte-secondaire);
}
.internal-projects {
  margin-top: 48px;
}
.internal-projects > h3 {
  font-size: 26px;
  margin-bottom: 12px;
}
.internal-projects > p {
  font-size: 14px;
  color: var(--couleur-texte-secondaire);
  margin-bottom: 24px;
}
.project-card-internal {
  min-height: auto;
  background: transparent;
  color: var(--couleur-encre);
  border-color: var(--couleur-bordure);
  box-shadow: none;
}
.project-card-internal .project-badge {
  color: var(--couleur-accent-texte);
  background: transparent;
  border-color: var(--couleur-bordure);
}
.project-card-internal .project-heading {
  justify-content: flex-start;
  margin: 24px 0;
}
.project-card-internal .project-promise {
  font-size: 20px;
}
.project-card-internal .project-description {
  color: var(--couleur-texte-secondaire);
}
.catalogue-notice {
  margin: 20px 0;
  color: var(--couleur-texte-secondaire);
  font-size: 14px;
}
.pricing-section {
  border-top: 1px solid var(--couleur-bordure);
}
.pricing-grid {
  display: grid;
  grid-template-columns: 1fr 1.12fr;
  gap: 24px;
}
.price-card {
  padding: 40px;
  background: var(--couleur-carte);
  border-radius: var(--site-rayon-carte);
  border: 1px solid var(--couleur-bordure);
  display: flex;
  flex-direction: column;
}
.price-card-catalogue {
  background: var(--navy-700);
  border-color: var(--navy-700);
  color: var(--creme-050);
}
.price-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
}
.price-card-catalogue .eyebrow {
  color: var(--or-300);
}
.offer-number {
  font-size: 12px;
  color: var(--couleur-texte-secondaire);
}
.price-card-catalogue .offer-number {
  color: var(--navy-100);
}
.price-card h3 {
  font-size: 28px;
}
.price-amount {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  margin: 20px 0 24px;
}
.price-amount strong {
  font: 500 64px/1 var(--police-titre), serif;
  letter-spacing: -.055em;
  white-space: nowrap;
}
.price-amount strong span {
  font-size: 38px;
}
.price-card-catalogue .price-amount strong {
  color: var(--or-300);
}
.price-amount > span {
  font-size: 12px;
  line-height: 1.5;
}
.price-description {
  font-size: 15px;
  min-height: 48px;
}
.price-benefits {
  padding: 24px 0;
  margin: 24px 0;
  border-top: 1px solid var(--couleur-bordure);
  border-bottom: 1px solid var(--couleur-bordure);
  list-style: none;
  display: grid;
  gap: 16px;
}
.price-benefits li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 14px;
}
.price-benefits svg {
  flex-shrink: 0;
  margin-top: 2px;
}
.price-card-catalogue .price-benefits {
  border-color: var(--navy-500);
}
.price-card-catalogue .price-benefits svg {
  color: var(--or-300);
}
.price-guarantee {
  font-size: 14px;
  margin-bottom: 24px;
}
.price-detail-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  min-height: 44px;
  font-size: 13px;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.price-year-note {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 24px 0;
  border-bottom: 1px solid var(--couleur-bordure);
  font-size: 15px;
}
.price-availability {
  font-size: 12px;
  color: var(--couleur-texte-secondaire);
  margin-top: 16px;
  max-width: 920px;
}
.comparison {
  margin-top: 64px;
  scroll-margin-top: 112px;
}
.comparison-scroll {
  overflow-x: auto;
}
.comparison table {
  width: 100%;
  min-width: 580px;
  border-collapse: collapse;
  font-size: 14px;
  table-layout: fixed;
}
.comparison th,.comparison td {
  padding: 24px 20px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--couleur-bordure);
  line-height: 1.5;
  width: 33.33%;
}
.comparison thead th {
  font-weight: 600;
  background: var(--couleur-fond-creux);
}
.comparison tbody th {
  font-weight: 500;
  padding-left: 0;
}
.comparison td {
  color: var(--couleur-texte-secondaire);
}
summary {
  cursor: pointer;
  padding: 10px 0;
  min-height: 44px;
}
details p {
  color: var(--couleur-texte-secondaire);
  font-size: 13px;
  font-weight: 400;
  padding: 12px 0;
}
.comparison summary {
  padding-top: 0;
}
.pricing-conditions {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 64px;
  margin-top: 64px;
  padding-top: 48px;
  border-top: 1px solid var(--couleur-bordure);
}
.pricing-conditions h3 {
  font-size: 30px;
}
.pricing-conditions details {
  border-bottom: 1px solid var(--couleur-bordure);
  padding: 8px 0;
  font-size: 14px;
}
.section-dark {
  background: var(--navy-900);
  color: var(--creme-050);
}
.section-dark .section-header p {
  color: var(--navy-100);
}
.tech-stats {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 32px;
  padding: 16px 0 40px;
}
.stat {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.stat-value {
  font: 500 42px/1.2 var(--police-titre), serif;
  color: var(--or-300);
}
.stat-label {
  font-size: 12px;
  color: var(--navy-100);
  max-width: 210px;
}
.tech-stats-note {
  font-size: 12px;
  color: var(--navy-100);
  margin-top: 12px;
}
.contact-direct {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}
.contact-direct .section-header {
  margin-bottom: 0;
}
.contact-email {
  display: inline-flex;
  align-items: center;
  gap: 28px;
  min-height: 48px;
  border-bottom: 1px solid var(--couleur-accent);
  padding: 12px 0;
  white-space: nowrap;
  font-size: 22px;
}
.footer {
  background: var(--navy-800);
  color: var(--creme-050);
  padding: 56px 48px 32px;
}
.footer-content {
  max-width: var(--site-largeur-contenu);
  margin: auto;
}
.footer-top {
  display: flex;
  justify-content: space-between;
  gap: 48px;
  padding-bottom: 48px;
}
.footer-tagline {
  margin-top: 20px;
  color: var(--navy-100);
  font-size: 14px;
}
.footer-links {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 8px 28px;
  max-width: 450px;
  font-size: 14px;
}
.footer a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
.footer a:hover {
  color: var(--or-300);
}
.footer-bottom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  border-top: 1px solid var(--navy-600);
  padding-top: 24px;
  color: var(--navy-100);
  font-size: 12px;
}
.footer-bottom nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
}
.page-content {
  max-width: 820px;
}
.page-content h1 {
  font-size: 44px;
  margin-bottom: 32px;
}
.page-content h2 {
  font-size: 28px;
  margin: 32px 0 16px;
}
.page-content h3 {
  font-size: 23px;
  margin: 24px 0 12px;
}
.page-content p,.page-content ul,.page-content ol {
  margin: 16px 0;
}
.page-content ul {
  list-style: disc;
  padding-left: 24px;
}
.page-content ol {
  list-style: decimal;
  padding-left: 24px;
}
.page-content a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.press-brand-page {
  max-width: calc(var(--site-largeur-contenu) + 96px);
  padding: 0 48px;
  margin: auto;
}
.press-intro {
  padding: 88px 0 72px;
}
.press-intro h1 {
  font-size: clamp(var(--site-presse-titre-mobile),12vw,var(--site-presse-titre-display));
  letter-spacing: -.065em;
  line-height: 1.08;
  margin: 28px 0 40px;
  overflow-wrap: anywhere;
}
.press-intro h1 > span {
  color: var(--couleur-accent);
}
.press-intro-bottom {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 48px;
}
.press-intro-bottom > p {
  max-width: 510px;
  font-size: 21px;
  line-height: 1.55;
  color: var(--couleur-texte-secondaire);
}
.press-download-block {
  max-width: 330px;
  flex-shrink: 0;
}
.press-download {
  min-height: 56px;
  gap: 28px;
}
.press-download svg {
  flex-shrink: 0;
}
.press-download-block > p {
  font-size: 12px;
  color: var(--couleur-texte-secondaire);
  margin-top: 16px;
  line-height: 1.6;
}
.press-chapter {
  border-top: 1px solid var(--couleur-bordure);
  padding: 56px 0 72px;
}
.press-chapter-heading {
  display: grid;
  grid-template-columns: 64px minmax(0,1fr);
  gap: 24px;
  margin-bottom: 40px;
}
.press-chapter-number {
  color: var(--couleur-texte-secondaire);
  font-size: 12px;
  padding-top: 3px;
  font-variant-numeric: tabular-nums;
}
.press-chapter-heading .eyebrow {
  margin-bottom: 16px;
}
.press-chapter h2 {
  font-size: clamp(30px,4vw,48px);
  max-width: 680px;
}
.press-signature {
  min-height: 320px;
  padding: 64px;
  display: grid;
  place-items: center;
  border-radius: var(--site-rayon-carte);
  border: 1px solid var(--couleur-bordure);
}
.press-signature img {
  width: min(100%,500px);
  max-height: 200px;
  object-fit: contain;
}
.press-surface-light, .press-surface-light-hc {
  background: var(--blanc);
}
.press-surface-dark {
  background: var(--navy-800);
}
.press-surface-dark-hc {
  background: #000;
}
.press-logo-variations {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 20px;
  margin-top: 24px;
}
.press-brand-page figure {
  margin: 0;
  min-width: 0;
}
.press-logo-preview {
  height: 168px;
  padding: 24px;
  display: grid;
  place-items: center;
  border-radius: var(--rayon-l);
  border: 1px solid var(--couleur-bordure);
}
.press-logo-preview img {
  max-height: 92px;
  width: 100%;
  object-fit: contain;
}
.press-brand-page figcaption {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 16px;
  font-size: 13px;
  line-height: 1.5;
}
.press-brand-page figcaption strong {
  font-weight: 600;
}
.press-brand-page figcaption span {
  color: var(--couleur-texte-secondaire);
  font-size: 12px;
}
.press-type-row {
  display: grid;
  grid-template-columns: 1fr 2.1fr;
  gap: 48px;
  padding: 40px 0;
  border-bottom: 1px solid var(--couleur-bordure);
}
.press-type-row:first-child {
  padding-top: 8px;
}
.press-type-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.press-type-meta h3 {
  font-family: var(--police-corps),sans-serif;
  font-size: 23px;
  font-weight: 550;
  margin: 12px 0;
  letter-spacing: -.02em;
}
.press-type-meta > p {
  color: var(--couleur-texte-secondaire);
  font-size: 13px;
  max-width: 250px;
}
.press-type-specimen {
  min-width: 0;
}
.press-type-sample {
  font-size: clamp(32px,4.3vw,52px);
  line-height: 1.2;
  letter-spacing: -.035em;
  overflow-wrap: anywhere;
}
.press-type-sample-0 {
  font-size: clamp(56px,7vw,88px);
  font-weight: 600;
}
.press-type-alphabet {
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: .015em;
  color: var(--couleur-texte-secondaire);
  margin-top: 24px;
}
.press-palette {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 24px;
}
.press-palette-swatch {
  height: 200px;
  border: 1px solid var(--couleur-bordure);
  border-radius: var(--rayon-l);
}
.press-palette figcaption {
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
}
.press-palette figcaption span {
  font-variant-numeric: tabular-nums;
  text-transform: uppercase;
}
.press-usage-columns {
  margin-left: 88px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
}
.press-usage-columns h3 {
  font-family: var(--police-corps),sans-serif;
  font-size: 20px;
  font-weight: 550;
  letter-spacing: -.02em;
}
.press-usage-columns ul {
  list-style: disc;
  padding-left: 20px;
  margin: 24px 0 0;
  display: grid;
  gap: 16px;
  color: var(--couleur-texte-secondaire);
  font-size: 15px;
}
.press-usage-columns li {
  padding-left: 4px;
}
.press-usage-columns li::marker {
  color: var(--couleur-accent-texte);
}
.press-finale {
  border-top: 1px solid var(--couleur-bordure);
  padding: 64px 0 88px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
}
.press-finale h2 {
  font-size: clamp(36px,5vw,60px);
  margin: 20px 0 28px;
}
.press-finale > div > p:not(.eyebrow) {
  color: var(--couleur-texte-secondaire);
  font-size: 15px;
}
.press-finale a:not(.btn) {
  display: inline-block;
  min-height: 44px;
  padding-top: 8px;
  color: var(--couleur-encre);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.landing-press-link {
  margin-top: 24px;
}
.error-page {
  min-height: 100vh;
  display: grid;
  place-content: center;
  text-align: center;
  gap: 24px;
  padding: 32px;
}
.error-page h1 {
  font-size: 64px;
}
.ia-feature {
  border: 1px solid var(--couleur-bordure);
  padding: 24px;
  border-radius: var(--site-rayon-carte);
}
.ia-feature-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: var(--rayon-bouton);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']):not([data-theme='dark']) {
    color-scheme: dark;
  }
  :root:not([data-theme='light']):not([data-theme='dark']) .brand-dark {
    display: block;
  }
  :root:not([data-theme='light']):not([data-theme='dark']) .brand-light {
    display: none;
  }
}
@media (max-width: 980px) {
  .hero {
    grid-template-columns: 1.5fr 1fr;
    gap: 32px;
  }
  .hero h1 {
    font-size: 48px;
  }
  .hero h1 span {
    white-space: normal;
  }
  .studio-signature {
    padding: 28px;
  }
  .studio-signature .brand-wordmark {
    font-size: 26px;
  }
  .split-heading {
    align-items: flex-start;
    gap: 32px;
  }
  .split-heading > p {
    max-width: 290px !important;
  }
  .price-card {
    padding: 28px;
  }
  .pricing-conditions {
    gap: 32px;
  }
}
@media (max-width: 720px) {
  html {
    scroll-padding-top: 90px;
  }
  .section {
    padding: 48px 24px;
  }
  .header-container {
    padding: 14px 24px;
  }
  .header .logo img {
    width: 32px;
    height: 32px;
  }
  .header .brand-wordmark {
    font-size: 27px;
  }
  .mobile-menu-btn {
    display: flex;
  }
  .header nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 16px 24px 24px;
    border-bottom: 1px solid var(--couleur-bordure);
    background: var(--couleur-fond);
  }
  .header nav.nav-open {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .hero {
    padding: 56px 24px 48px;
    grid-template-columns: 1fr;
    gap: 40px;
    min-height: 0;
  }
  .hero h1 {
    font-size: var(--site-titre-mobile);
    margin: 24px 0;
  }
  .hero-description {
    font-size: 16px;
  }
  .hero-buttons {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .studio-signature {
    padding: 32px;
  }
  .studio-signature p {
    font-size: 28px;
  }
  .split-heading {
    display: block;
  }
  .split-heading > p {
    max-width: 100% !important;
  }
  .section-header h2 {
    font-size: 34px;
  }
  .project-grid,.pricing-grid,.pricing-conditions {
    grid-template-columns: 1fr;
  }
  .project-card {
    padding: 28px;
    min-height: 390px;
  }
  .project-heading {
    gap: 16px;
  }
  .project-card h3 {
    font-size: 27px;
  }
  .project-promise {
    font-size: 25px;
  }
  .project-card-internal {
    min-height: auto;
  }
  .project-icon {
    width: 56px;
    height: 56px;
    border-radius: 16px;
  }
  .project-icon img {
    width: 36px;
    height: 36px;
  }
  .price-card {
    padding: 28px;
  }
  .price-amount strong {
    font-size: 60px;
  }
  .price-description {
    min-height: auto;
  }
  .price-year-note {
    align-items: flex-start;
    gap: 16px;
    font-size: 14px;
  }
  .comparison {
    margin-top: 48px;
  }
  .comparison th,.comparison td {
    padding: 18px 12px;
    font-size: 13px;
  }
  .tech-stats {
    grid-template-columns: 1fr 1fr;
    gap: 32px 24px;
  }
  .stat-value {
    font-size: 34px;
  }
  .contact-direct {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
  .contact-email {
    font-size: 20px;
  }
  .footer {
    padding: 40px 24px 24px;
  }
  .footer-top {
    flex-direction: column;
    gap: 32px;
    padding-bottom: 32px;
  }
  .footer-links {
    gap: 8px 24px;
  }
  .footer-bottom {
    align-items: flex-start;
    flex-direction: column;
  }
  .press-brand-page {
    padding-inline: 24px;
  }
  .press-intro {
    padding: 48px 0;
  }
  .press-intro h1 {
    margin: 24px 0 32px;
  }
  .press-intro-bottom,.press-finale {
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
  }
  .press-intro-bottom > p {
    font-size: 18px;
  }
  .press-download-block {
    max-width: 100%;
  }
  .press-chapter {
    padding: 40px 0 48px;
  }
  .press-chapter-heading {
    grid-template-columns: 24px minmax(0,1fr);
    gap: 16px;
    margin-bottom: 32px;
  }
  .press-chapter-heading .eyebrow {
    margin-bottom: 12px;
  }
  .press-signature {
    min-height: 220px;
    padding: 32px;
  }
  .press-logo-variations {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 24px 16px;
  }
  .press-logo-preview {
    height: 140px;
    padding: 20px;
  }
  .press-logo-preview img {
    max-height: 72px;
  }
  .press-type-row {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 32px 0;
  }
  .press-type-meta > p {
    max-width: 100%;
  }
  .press-type-alphabet {
    font-size: 14px;
  }
  .press-palette {
    gap: 12px;
  }
  .press-palette-swatch {
    height: 120px;
  }
  .press-usage-columns {
    margin-left: 0;
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .press-finale {
    padding: 48px 0 64px;
  }
  .page-content h1 {
    font-size: 34px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,*::before,*::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}
:is(.section-dark,.footer,.price-card-catalogue,.project-card-active) :focus-visible {
  outline-color: var(--or-300);
}
.section-header h1 {
  font-size: var(--site-titre-section);
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-ease: initial;
    }
  }
}