.metier-page{max-width:900px;padding-block:24px 60px}.metier-hero{padding-bottom:34px;border-bottom:1px solid var(--bord)}.metier-pour{margin:0;font-family:ui-monospace,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--bleu-texte);font-weight:700}.metier-hero h1{margin-top:14px;text-wrap:balance}.metier-hero .chapeau{max-width:56ch;margin-top:20px}.metier-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.metier-chiffre{margin-top:34px;border:1px solid var(--bord);border-radius:var(--r3);padding:26px 22px;background:#4066ff0d}.metier-valeur{margin:0;font-family:var(--titre);font-weight:800;letter-spacing:-.03em;line-height:1;font-size:clamp(38px,8vw,62px);font-variant-numeric:tabular-nums}.metier-phrase{margin:12px 0 0;font-size:17px;line-height:1.6;max-width:52ch;color:var(--noir)}.metier-source{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--bord);font-size:13px;color:var(--gris);line-height:1.6}.metier-source b{color:var(--noir);font-weight:600}.metier-section{margin-top:56px}.metier-section h2{font-size:clamp(22px,4vw,28px);letter-spacing:-.02em;text-wrap:balance}.metier-intro{margin-top:10px;color:var(--gris);font-size:16px;line-height:1.6;max-width:60ch}.metier-quotidien{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:16px}.metier-quotidien li{border:1px solid var(--bord);border-radius:var(--r3);padding:18px 18px 16px}.metier-quotidien p{margin:0;font-size:15.5px;line-height:1.55}.metier-quotidien span{display:block;font-family:ui-monospace,monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px;font-weight:700}.metier-avant,.metier-avant span{color:var(--gris)}.metier-apres{margin-top:14px!important;padding-top:14px;border-top:1px solid var(--bord);color:var(--noir)}.metier-apres span{color:var(--vert-texte)}.metier-demo{margin-top:26px}.metier-autres-titre{margin:44px 0 12px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);font-weight:700}.metier-autres{list-style:none;margin:0;padding:0;display:grid;gap:10px}@media(min-width:720px){.metier-autres{grid-template-columns:1fr 1fr}}.metier-autres a{display:block;border:1px solid var(--bord);border-radius:var(--r3);padding:16px 18px;text-decoration:none;transition:border-color .15s,background .15s}.metier-autres a:hover{border-color:var(--creme);background:var(--blanc-2)}.metier-autres b{display:block;color:var(--noir);font-size:16px;margin-bottom:4px}.metier-autres span{display:block;color:var(--gris);font-size:14.5px;line-height:1.5}.metier-pack-carte{margin-top:22px;border:1px solid var(--bleu);border-radius:var(--r3);padding:26px 22px;background:#4066ff0d}.metier-pack-nom{margin:0;font-family:var(--titre);font-weight:800;font-size:24px;letter-spacing:-.02em}.metier-pack-prix{margin:8px 0 0;font-size:17px;color:var(--gris)}.metier-pack-prix b{color:var(--noir);font-variant-numeric:tabular-nums}.metier-pack-pourquoi{margin:16px 0 0;font-size:15.5px;line-height:1.6;max-width:54ch}.metier-pack-contenu{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:7px}.metier-pack-contenu li{position:relative;padding-left:24px;font-size:15px;color:var(--gris);line-height:1.5}.metier-pack-contenu li:before{content:"";position:absolute;left:2px;top:7px;width:5px;height:9px;border:solid var(--vert-texte);border-width:0 2px 2px 0;transform:rotate(45deg)}.metier-pack-limite{margin:18px 0 22px;padding-top:14px;border-top:1px solid var(--bord);font-size:14px;color:var(--gris);line-height:1.55}.metier-pack-limite b{color:var(--noir);font-weight:600}.metier-faq{margin:22px 0 0}.metier-faq div{padding:18px 0;border-bottom:1px solid var(--bord)}.metier-faq div:first-child{border-top:1px solid var(--bord)}.metier-faq dt{font-weight:600;font-size:16.5px;color:var(--noir)}.metier-faq dd{margin:8px 0 0;font-size:15.5px;color:var(--gris);line-height:1.65;max-width:66ch}.metier-final{margin-top:60px;padding-top:40px;border-top:1px solid var(--bord);text-align:center}.metier-final h2{font-size:clamp(24px,4.6vw,32px);letter-spacing:-.02em}.metier-final p{margin:14px auto 0;max-width:44ch;color:var(--gris);font-size:16px;line-height:1.6}.metier-final .btn{margin-top:26px}.metier-final-note{font-size:14.5px}.metier-final-note a{display:inline-flex;align-items:center;min-height:44px;color:var(--bleu-texte);text-decoration:underline;text-underline-offset:3px}@media(max-width:640px){.metier-chiffre,.metier-pack-carte{padding:22px 18px}}.metier-voisins .metier-autres{margin-top:20px}.metier-texte{margin-top:44px}.metier-texte p{max-width:66ch;font-size:16.5px;line-height:1.75;color:var(--gris)}.metier-texte p+p{margin-top:16px}.metier-voisins-intro{margin-top:10px;color:var(--gris);font-size:15.5px}.metier-pastilles{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:9px}.metier-pastilles a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--bord);border-radius:999px;font-size:14.5px;font-weight:500;color:var(--noir);transition:border-color .15s,background .15s}.metier-pastilles a:hover{border-color:var(--creme);background:var(--blanc-2)}.metier-pastille-tout{color:var(--bleu-texte);font-weight:600}.demo-repli{margin-top:20px}.demo-repli>summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-height:60px;justify-content:center;padding:14px 20px;border:1.5px solid var(--bleu);border-radius:var(--r2);background:var(--blanc-pur);transition:background .15s,border-color .15s}.demo-repli>summary::-webkit-details-marker{display:none}.demo-repli>summary:hover{background:var(--blanc-2)}.demo-repli-action{font-family:var(--titre);font-weight:800;font-size:17.5px;color:var(--bleu-texte)}.demo-repli-nom{font-size:14px;color:var(--gris)}.demo-repli-fermer,.demo-repli[open] .demo-repli-ouvrir{display:none}.demo-repli[open] .demo-repli-fermer{display:inline}.demo-repli[open]>summary{border-color:var(--bord);margin-bottom:16px}.demo-repli[open] .demo-repli-action{color:var(--gris);font-size:15px}@media(min-width:900px){.demo-repli[open]>summary{display:none}.demo-repli[open]{margin-top:0}}