@import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Condensed:wght@500;600;700;800;900&family=IBM+Plex+Mono:wght@500;600&family=Public+Sans:wght@400;500;600;700&display=swap');
:root{--encre:#111923;--encre-2:#202B38;--papier:#F4F5F3;--blanc:#FFFFFF;--metal:#D8DCE0;--gris:#6A727C;--gris-clair:#E8EAEB;--accent:#FF3B8D;--accent-fonce:#C70058;--accent-pale:#FFE4F0;--ombre:#11192318;--voile:#111923CC;--transparent:#FFFFFF00;--titre:'Encode Sans Condensed',sans-serif;--texte:'Public Sans',sans-serif;--mono:'IBM Plex Mono',monospace;--rayon:12px;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--papier);color:var(--encre);font-family:var(--texte);line-height:1.65}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.evitement{position:fixed;left:1rem;top:-5rem;background:var(--accent);padding:.8rem 1rem;z-index:100}.evitement:focus{top:1rem}.bandeau{height:36px;background:var(--accent);display:flex;justify-content:center;gap:3rem;align-items:center;font-family:var(--mono);font-size:.72rem;font-weight:600}.bandeau a{text-decoration:underline}.hd{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,24px);background:var(--blanc);position:relative;z-index:20;border-bottom:1px solid var(--gris-clair)}.logo{font-family:var(--titre);font-weight:700;letter-spacing:-.04em;line-height:.78;font-size:1.15rem;display:flex;flex-direction:column}.logo strong{color:var(--accent);font-size:1.5em}.hd nav{display:flex;align-items:center;gap:1.35rem;font-size:.82rem;font-weight:700}.hd nav a{transition:color .25s ease,transform .25s ease}.hd nav a:hover{color:var(--accent);transform:translateY(-2px)}.appel{background:var(--encre);color:var(--blanc)!important;padding:.7rem 1rem;border-radius:var(--rayon)}.menu-bouton{display:none;background:var(--encre);color:var(--blanc);border:0;border-radius:var(--rayon);padding:.6rem .8rem}.menu-pages{background:var(--encre);color:var(--blanc);padding:9px max(4vw,24px);display:flex;gap:1rem;align-items:center;overflow:auto;white-space:nowrap;font-size:.68rem}.menu-pages span{color:var(--accent);font-family:var(--mono);font-weight:700}.menu-pages a{opacity:.68;transition:opacity .2s ease}.menu-pages a:hover,.menu-pages a[aria-current]{opacity:1}.sur-titre,.etiquette{font-family:var(--mono);font-weight:600;font-size:.72rem;letter-spacing:.12em;color:var(--accent-fonce);text-transform:uppercase}.bouton,button[type=submit]{display:inline-flex;justify-content:center;align-items:center;background:var(--accent);color:var(--encre);border:1px solid var(--accent);border-radius:var(--rayon);padding:.9rem 1.2rem;font-weight:800;cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}.bouton:hover,button[type=submit]:hover{background:var(--encre);color:var(--blanc);border-color:var(--encre);transform:translateY(-3px);box-shadow:0 10px 20px var(--ombre)}.bouton.secondaire{background:var(--transparent);border-color:currentColor;color:inherit}.actions{display:flex;gap:.7rem;flex-wrap:wrap}.rv{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.rv.visible{opacity:1;transform:none}h1,h2,h3{font-family:var(--titre);line-height:.98;letter-spacing:-.035em;margin-top:0}h1{font-size:clamp(3.2rem,7vw,7rem);font-weight:800}h2{font-size:clamp(2.15rem,4vw,4.2rem)}h3{font-size:1.55rem}em{font-style:normal;color:var(--accent)}.telephone{font-family:var(--titre);font-size:clamp(1.8rem,4vw,3.5rem);font-weight:800;text-decoration:underline;text-decoration-color:var(--accent)}
.tarif{max-width:var(--max);margin:0 auto;padding:6rem 4vw}.tarif-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.tarif article,.cartes-page article{background:var(--blanc);border:1px solid var(--gris-clair);border-radius:var(--rayon);padding:2rem;box-shadow:0 8px 24px var(--ombre);transition:transform .3s ease,box-shadow .3s ease}.tarif article:hover,.cartes-page article:hover{transform:translateY(-6px);box-shadow:0 14px 32px var(--ombre)}.tarif article>span,.cartes-page article>span{font-family:var(--mono);color:var(--accent-fonce)}.tarif h2{font-size:2rem;margin:1.3rem 0 .5rem}.tarif strong{display:block;font-family:var(--titre);font-size:1.35rem}.note{font-size:.78rem;color:var(--gris);max-width:720px}.contact-final{max-width:var(--max);margin:6rem auto;padding:4rem;display:grid;grid-template-columns:1.3fr .7fr;gap:3rem;align-items:end;background:var(--accent);border-radius:var(--rayon)}.contact-final .sur-titre{color:var(--encre)}.contact-final .bouton{background:var(--encre);color:var(--blanc);border-color:var(--encre);margin-bottom:1rem}.contact-final .telephone{display:block}.hero-page{min-height:620px;display:grid;grid-template-columns:1fr 1fr;background:var(--encre);color:var(--blanc)}.hero-page>div{padding:clamp(3rem,8vw,8rem);align-self:center}.hero-page h1{font-size:clamp(3.3rem,7vw,6rem);margin-bottom:1.3rem}.hero-page>img{height:100%;object-fit:cover;filter:grayscale(1)}.contenu-page{max-width:var(--max);padding:7rem 4vw;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem}.cartes-page{max-width:var(--max);margin:auto;padding:1rem 4vw 7rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.cartes-page h2{font-size:2rem;margin-top:2rem}.formulaire{max-width:760px;margin:0 auto 6rem;background:var(--blanc);padding:3rem;border-radius:var(--rayon);display:grid;gap:1rem;box-shadow:0 14px 40px var(--ombre)}.formulaire label{display:grid;gap:.35rem;font-weight:700}.formulaire input,.formulaire select,.formulaire textarea{width:100%;border:1px solid var(--metal);border-radius:var(--rayon);padding:.8rem;background:var(--papier)}.formulaire .accord{display:flex;font-size:.82rem;font-weight:500}.formulaire .accord input{width:auto}footer{background:var(--encre);color:var(--blanc);padding:5rem max(4vw,24px) 2rem;display:grid;grid-template-columns:1.3fr .8fr .8fr 1.6fr;gap:3rem}footer h2{font-size:1.2rem}footer a{display:block;margin:.3rem 0}.pied-pages{columns:2}.pied-pages a{font-size:.75rem;opacity:.7}.pied-marque p{max-width:350px;color:var(--metal)}.copie{grid-column:1/-1;border-top:1px solid var(--encre-2);padding-top:1.5rem;font-size:.7rem;color:var(--metal)}
@media(max-width:900px){.hd nav{display:none;position:absolute;left:0;right:0;top:84px;background:var(--blanc);padding:1.5rem;flex-direction:column;align-items:flex-start;box-shadow:0 12px 30px var(--ombre)}.hd nav.ouvert{display:flex}.menu-bouton{display:block}.bandeau span:nth-child(2){display:none}.menu-pages{display:none}.hero-page{grid-template-columns:1fr;min-height:0}.hero-page>img{height:360px;order:-1}.contenu-page,.contact-final{grid-template-columns:1fr;gap:1.5rem}.tarif-grille,.cartes-page{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.pied-marque{grid-column:1/-1}}
@media(max-width:600px){.bandeau{gap:.7rem;font-size:.62rem}.hd{height:70px}.hd nav{top:70px}.hero-page>div{padding:3rem 1.25rem}.hero-page>img{height:260px}.tarif,.contenu-page{padding:4rem 1.25rem}.contact-final{margin:3rem 1rem;padding:2rem}.formulaire{margin:0 1rem 4rem;padding:1.4rem}footer{grid-template-columns:1fr;padding-top:3rem}.pied-pages{columns:1}.copie{grid-column:1}}
@keyframes montee{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes entree{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:none}}@keyframes echelle{from{transform:scale(1.06)}to{transform:scale(1)}}@keyframes trait{from{width:0}to{width:100%}}
.hero-essentiel{max-width:var(--max);margin:auto;padding:4rem 4vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem;align-items:center}.hero-texte{animation:montee .8s ease both}.hero-texte h1{margin:.4rem 0 1rem}.mosaique{display:grid;grid-template-columns:1.4fr .6fr;grid-template-rows:1fr 1fr;gap:.7rem;height:620px}.mosaique img{height:100%;object-fit:cover;border-radius:var(--rayon);box-shadow:0 8px 24px var(--ombre);animation:echelle 1.1s ease both}.mosaique .grand{grid-row:1/-1}.repere{background:var(--encre);color:var(--blanc);display:grid;grid-template-columns:repeat(4,1fr);padding:1.5rem max(4vw,calc((100vw - var(--max))/2));gap:1rem}.repere div{display:grid;border-left:3px solid var(--accent);padding-left:1rem}.repere b{font-family:var(--titre);font-size:1.2rem}.repere span{font-size:.72rem;color:var(--metal)}.intro{max-width:var(--max);margin:auto;padding:7rem 4vw;display:grid;grid-template-columns:1fr .8fr;gap:6rem}.intro>p{font-size:1.1rem}.services{max-width:var(--max);margin:auto;padding:0 4vw 7rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.services article{background:var(--blanc);border-radius:var(--rayon);overflow:hidden;box-shadow:0 8px 24px var(--ombre);padding-bottom:1.6rem;position:relative;transition:transform .3s ease}.services article:hover{transform:translateY(-7px)}.services article>span{position:absolute;top:1rem;left:1rem;background:var(--accent);font-family:var(--mono);padding:.4rem;border-radius:var(--rayon)}.services img{height:240px;object-fit:cover}.services h2,.services p,.services a{margin-left:1.5rem;margin-right:1.5rem}.services h2{font-size:2.1rem;margin-top:1.5rem;margin-bottom:.5rem}.services a{font-weight:800;text-decoration:underline;text-decoration-color:var(--accent)}.produits{padding:7rem max(4vw,calc((100vw - var(--max))/2));background:var(--blanc)}.produits>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:3rem 0}.produits article{border:1px solid var(--gris-clair);border-radius:var(--rayon);overflow:hidden;background:var(--papier);transition:box-shadow .3s ease}.produits article:hover{box-shadow:0 14px 32px var(--ombre)}.produits img{height:260px;object-fit:cover}.produits h3,.produits p{margin-left:1.4rem;margin-right:1.4rem}.methode{max-width:var(--max);margin:auto;padding:7rem 4vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:5rem}.methode ol{list-style:none;margin:0;padding:0}.methode li{display:grid;grid-template-columns:170px 1fr;gap:2rem;padding:1.5rem;border-top:1px solid var(--metal)}.methode b{font-family:var(--titre);font-size:1.5rem}.avant-apres,.histoire{display:grid;grid-template-columns:1fr 1fr;max-width:var(--max);margin:0 auto 2rem;background:var(--blanc);border-radius:var(--rayon);overflow:hidden;box-shadow:0 8px 24px var(--ombre)}.avant-apres img,.histoire img{height:520px;object-fit:cover}.avant-apres div,.histoire div{padding:4rem;align-self:center}.histoire img{order:2}
@media(max-width:900px){.hero-essentiel,.intro,.methode,.avant-apres,.histoire{grid-template-columns:1fr}.mosaique{height:500px}.repere{grid-template-columns:1fr 1fr}.services,.produits>div{grid-template-columns:1fr 1fr}.services article:first-child{grid-column:1/-1}.histoire img{order:0}.avant-apres,.histoire{margin-left:1rem;margin-right:1rem}}
@media(max-width:600px){.hero-essentiel{padding:3rem 1.25rem}.mosaique{height:420px;grid-template-columns:1fr 1fr}.mosaique .grand{grid-column:1/-1;grid-row:auto}.repere{grid-template-columns:1fr;padding:1.5rem 1.25rem}.intro,.services,.produits,.methode{padding:4rem 1.25rem}.services,.produits>div{grid-template-columns:1fr}.services article:first-child{grid-column:auto}.methode li{grid-template-columns:1fr;gap:.2rem;padding-left:0}.avant-apres img,.histoire img{height:330px}.avant-apres div,.histoire div{padding:2rem}}
body{font-size:1rem}
.bouton,button[type=submit],.hd nav a,.menu-bouton{min-height:44px}
.menu-pages a{transition:opacity .2s ease,color .2s ease}
footer a{transition:color .2s ease,opacity .2s ease}
.telephone{transition:color .2s ease,text-decoration-color .2s ease}
.formulaire input,.formulaire select,.formulaire textarea{transition:border-color .2s ease,box-shadow .2s ease}
.formulaire input:focus,.formulaire select:focus,.formulaire textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-pale);outline:0}
.actions a{transition:transform .2s ease,background .2s ease,color .2s ease}
.logo{transition:transform .2s ease}.logo:hover{transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rv{opacity:1;transform:none}}
/*
CAHIER DU SYSTÈME FORMEL — DOUBLE TOUR
Règle 01 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 02 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 03 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 04 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 05 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 06 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 07 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 08 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 09 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 10 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 11 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 12 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 13 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 14 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 15 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 16 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 17 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 18 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 19 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 20 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 21 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 22 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 23 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 24 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 25 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 26 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 27 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 28 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 29 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 30 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 31 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 32 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 33 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 34 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
*/