.outils-bandeau{position:relative;overflow:hidden;padding:clamp(72px,12vh,132px) clamp(18px,4vw,40px) clamp(48px,7vh,84px)}.outils-bandeau .site-section-inner{position:relative;z-index:1}.outils-bandeau h1{margin:14px 0 0;font-size:clamp(34px,6.4vw,68px);line-height:1.02;letter-spacing:-.045em}.outils-bandeau h1 em{font-style:normal;position:relative;white-space:nowrap}.outils-bandeau h1 em:after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.1em;border-radius:999px;background:var(--ekho-rose);transform-origin:left center;transform:scaleX(0);animation:outil-souligne .9s cubic-bezier(.22,.9,.26,1) .35s forwards}@keyframes outil-souligne{to{transform:scaleX(1)}}.outil-pastille{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 11px;border-radius:999px;background:var(--ekho-jaune);color:var(--ekho-noir);font-size:12.5px;font-weight:700;letter-spacing:-.005em}.outil-pastille svg{flex:none}.outil-cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));grid-gap:16px;gap:16px;margin:30px 0 0;padding:0;list-style:none}.outil-cartes>li{display:flex;min-width:0}.outil-carte{position:relative;flex:1 1;display:flex;flex-direction:column;gap:10px;padding:24px 22px 22px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);color:inherit;text-decoration:none;overflow:hidden;transition:transform .28s cubic-bezier(.22,.9,.26,1),box-shadow .28s ease,border-color .28s ease}.outil-carte:before{content:"";position:absolute;inset:0 auto auto 0;height:3px;width:100%;background:var(--ekho-rose);transform:scaleX(0);transform-origin:left center;transition:transform .34s cubic-bezier(.22,.9,.26,1)}.outil-carte:focus-visible,.outil-carte:hover{transform:translateY(-3px);border-color:var(--rose-200);box-shadow:var(--shadow-lg);outline:none}.outil-carte:focus-visible:before,.outil-carte:hover:before{transform:scaleX(1)}.outil-carte h2{margin:0;font-size:18px;letter-spacing:-.025em;line-height:1.25}.outil-carte p{margin:0;color:var(--ink-2);font-size:13.5px;line-height:1.6}.outil-carte-pied{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:8px;color:var(--ink-3);font-size:11.5px;font-weight:600;letter-spacing:.02em}.outil-carte-sortie{color:var(--rose-700)}.outil-carte-duree{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.outil-tete{padding:clamp(38px,6vh,62px) clamp(18px,4vw,40px) 0}.outil-tete h1{margin:12px 0 0;max-width:20ch;font-size:clamp(30px,5.2vw,54px);line-height:1.05;letter-spacing:-.04em}.outil-tete .site-lead{margin-top:16px}.outil-tete-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:22px 0 0;color:var(--ink-3);font-size:12.5px}.outil-tete-meta b{color:var(--ink-2);font-weight:600}.outil-atelier{display:grid;grid-gap:20px;gap:20px;align-items:start;padding:clamp(32px,5vh,54px) clamp(18px,4vw,40px) clamp(48px,7vh,80px);max-width:1080px;margin:0 auto}@media (min-width:900px){.outil-atelier{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:28px}.outil-colonne-resultat{position:-webkit-sticky;position:sticky;top:calc(var(--site-header-h) + 16px)}}.outil-panneau{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-md);padding:22px}.outil-panneau>h2{margin:0 0 4px;font-size:16px;letter-spacing:-.02em}.outil-panneau>p.outil-consigne{margin:0 0 18px;color:var(--ink-3);font-size:12.5px;line-height:1.55}.outil-colonne-saisie{min-width:0}.outil-bas{max-width:1080px;margin:0 auto;padding:0 clamp(18px,4vw,40px) clamp(48px,8vh,90px)}.outil-champs{display:grid;grid-gap:20px;gap:20px}.outil-champ{display:grid;grid-gap:8px;gap:8px}.outil-champ>.outil-etiquette{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px;font-weight:600;letter-spacing:-.01em}.outil-champ .outil-valeur{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--rose-700);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.outil-aide{margin:0;color:var(--ink-3);font-size:11.5px;line-height:1.5}.outil-choix{display:flex;flex-wrap:wrap;gap:6px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--canvas)}.outil-choix.est-colonne{flex-direction:column;border-radius:var(--r-md)}.outil-choix button{flex:1 1 auto;min-width:0;padding:9px 14px;border:0;border-radius:999px;background:transparent;color:var(--ink-2);font:inherit;font-size:12.5px;font-weight:600;text-align:center;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}.outil-choix.est-colonne button{border-radius:var(--r-sm);text-align:left}.outil-choix button:hover{color:var(--ink);background:var(--rose-50)}.outil-choix button[aria-pressed=true]{background:var(--ekho-noir);color:var(--ekho-blanc);box-shadow:var(--shadow-sm)}.outil-choix button:focus-visible{outline:2px solid var(--ekho-rose);outline-offset:2px}.outil-curseur{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:26px;background:transparent;cursor:pointer}.outil-curseur::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--ekho-rose) 0 calc(var(--p, 0) * 100%),var(--line) calc(var(--p, 0) * 100%) 100%)}.outil-curseur::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--ekho-rose) 0 calc(var(--p, 0) * 100%),var(--line) calc(var(--p, 0) * 100%) 100%)}.outil-curseur::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-7px;border:2px solid var(--ekho-noir);border-radius:50%;background:var(--surface);box-shadow:var(--shadow-md);-webkit-transition:transform .18s ease;transition:transform .18s ease}.outil-curseur::-moz-range-thumb{width:20px;height:20px;border:2px solid var(--ekho-noir);border-radius:50%;background:var(--surface);box-shadow:var(--shadow-md)}.outil-curseur:active::-webkit-slider-thumb{transform:scale(1.12)}.outil-curseur:focus-visible{outline:2px solid var(--ekho-rose);outline-offset:4px;border-radius:999px}.outil-saisie{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font:inherit;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.outil-saisie:focus{outline:none;border-color:var(--ekho-rose);box-shadow:0 0 0 3px var(--rose-100)}.outil-saisie-groupe{display:flex;align-items:center;gap:8px}.outil-saisie-groupe .outil-unite{color:var(--ink-3);font-size:13px;font-weight:600;white-space:nowrap}.outil-bascule{display:flex;gap:6px}.outil-resultat{position:relative;overflow:hidden;border-radius:var(--r-lg);background:var(--ekho-noir);color:var(--ekho-blanc);padding:26px 24px 24px;box-shadow:var(--shadow-lg)}.outil-resultat:before{content:"";position:absolute;top:-60%;right:-30%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(254,99,162,.28),transparent 68%);pointer-events:none;animation:outil-halo 14s ease-in-out infinite alternate}@keyframes outil-halo{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-26px,22px,0) scale(1.12)}}.outil-resultat>*{position:relative}.outil-resultat-titre{margin:0;color:rgba(255,255,255,.62);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.outil-chiffre{margin:10px 0 0;font-size:clamp(38px,8vw,60px);font-weight:800;letter-spacing:-.045em;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.outil-chiffre small{display:block;margin-top:8px;color:rgba(255,255,255,.72);font-size:13.5px;font-weight:500;letter-spacing:-.01em;line-height:1.5}.outil-chiffre.est-neuf{animation:outil-pulse .42s cubic-bezier(.22,.9,.26,1)}@keyframes outil-pulse{0%{transform:translateY(5px);opacity:.35}to{transform:none;opacity:1}}.outil-sous-chiffres{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:14px;gap:14px;margin:22px 0 0;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.14)}.outil-sous-chiffres div span{display:block;color:rgba(255,255,255,.58);font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.outil-sous-chiffres div b{display:block;margin-top:5px;font-size:18px;font-weight:700;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.outil-barres{margin:22px 0 0;display:grid;grid-gap:11px;gap:11px}.outil-barre-ligne{display:grid;grid-gap:6px;gap:6px}.outil-barre-tete{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:rgba(255,255,255,.78)}.outil-barre-tete b{color:var(--ekho-blanc);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.outil-barre{height:9px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}.outil-barre i{display:block;height:100%;width:var(--w,0);border-radius:999px;background:var(--ekho-blanc);transition:width .7s cubic-bezier(.22,.9,.26,1)}.outil-barre.est-accent i{background:var(--ekho-rose)}.outil-barre.est-jaune i{background:var(--ekho-jaune)}.outil-verdict{margin:20px 0 0;padding:14px 16px;border-radius:var(--r-md);background:rgba(255,255,255,.08);font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.92)}.outil-verdict b{color:var(--ekho-blanc)}.outil-liste{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-gap:10px;gap:10px}.outil-ligne{display:grid;grid-template-columns:22px minmax(0,1fr);grid-gap:12px;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.outil-ligne h3{margin:0;font-size:14px;letter-spacing:-.015em;line-height:1.4}.outil-ligne p{margin:6px 0 0;color:var(--ink-2);font-size:12.5px;line-height:1.6}.outil-ligne .outil-fondement{display:block;margin-top:8px;color:var(--ink-3);font-size:11.5px;font-style:italic}.outil-etat{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:12px;font-weight:800}.outil-etat.est-tenu{background:var(--ok-bg);color:var(--ok-fg)}.outil-etat.est-manquant{background:var(--bad-bg);color:var(--bad-fg)}.outil-etat.est-averifier{background:var(--warn-bg);color:var(--warn-fg)}.outil-mot{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;vertical-align:2px}.outil-mot.est-tenu{background:var(--ok-bg);color:var(--ok-fg)}.outil-mot.est-manquant{background:var(--bad-bg);color:var(--bad-fg)}.outil-mot.est-averifier{background:var(--warn-bg);color:var(--warn-fg)}.outil-mot.est-oubliee{background:var(--info-bg);color:var(--info-fg)}.outil-mot.est-bloquante{background:var(--warn-bg);color:var(--warn-fg)}.outil-frise{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-gap:2px;gap:2px}.outil-frise li{display:grid;grid-template-columns:26px minmax(0,1fr);grid-gap:12px;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-2)}.outil-frise li:last-child{border-bottom:0}.outil-frise-rang{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:var(--canvas);color:var(--ink-3);font-size:11.5px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.outil-frise li.est-vous .outil-frise-rang{border-color:var(--ekho-rose);background:var(--rose-50);color:var(--rose-700)}.outil-frise-nom{font-size:13.5px;font-weight:600;letter-spacing:-.01em}.outil-frise-dates{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:3px;color:var(--ink-3);font-size:11.5px}.outil-frise-jauge{margin-top:7px;height:5px;border-radius:999px;background:var(--line-2);overflow:hidden}.outil-frise-jauge i{display:block;height:100%;width:var(--w,0);margin-left:var(--x,0);border-radius:999px;background:var(--ink);transition:width .6s cubic-bezier(.22,.9,.26,1),margin-left .6s cubic-bezier(.22,.9,.26,1)}.outil-frise li.est-vous .outil-frise-jauge i{background:var(--ekho-rose)}.outil-copie{margin:20px 0 0}.outil-copie-tete{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.outil-copie-tete h3{margin:0;font-size:14px;letter-spacing:-.015em}.outil-copie pre{margin:0;padding:16px;max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--canvas);color:var(--ink-2);font-family:var(--mono);font-size:12px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.outil-bouton-plat{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color .2s ease,transform .2s ease,background-color .2s ease}.outil-bouton-plat:hover{border-color:var(--ink-3);transform:translateY(-1px)}.outil-bouton-plat:focus-visible{outline:2px solid var(--ekho-rose);outline-offset:2px}.outil-bouton-plat.est-fait{border-color:var(--ok-fg);color:var(--ok-fg);background:var(--ok-bg)}.outil-methode{margin:26px 0 0;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--canvas);overflow:hidden}.outil-methode>summary{display:flex;align-items:center;gap:10px;padding:16px 20px;cursor:pointer;font-size:13.5px;font-weight:700;letter-spacing:-.01em;list-style:none}.outil-methode>summary::-webkit-details-marker{display:none}.outil-methode>summary:after{content:"";width:7px;height:7px;margin-left:auto;border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(45deg) translate(-2px,-2px);transition:transform .24s ease}.outil-methode[open]>summary:after{transform:rotate(225deg) translate(-2px,-2px)}.outil-methode>summary:hover{background:var(--rose-50)}.outil-methode-corps{padding:4px 20px 20px}.outil-methode-corps p{margin:0 0 12px;color:var(--ink-2);font-size:13px;line-height:1.65}.outil-methode-corps p:last-child{margin-bottom:0}.outil-methode-corps ul{margin:0 0 12px;padding-left:18px;color:var(--ink-2);font-size:13px;line-height:1.7}.outil-methode-corps b{color:var(--ink)}.outil-methode-corps a{color:var(--rose-700)}.outil-detail{margin:26px 0 0;padding:24px 22px;border:1px dashed var(--line);border-radius:var(--r-lg);background:var(--surface)}.outil-detail h2{margin:0;font-size:17px;letter-spacing:-.02em}.outil-detail>p{margin:8px 0 0;color:var(--ink-2);font-size:13.5px;line-height:1.65}.outil-detail-champs{display:grid;grid-gap:12px;gap:12px;margin:18px 0 0}@media (min-width:640px){.outil-detail-champs{grid-template-columns:1fr 1fr}.outil-detail-large{grid-column:1/-1}}.outil-detail label{display:grid;grid-gap:6px;gap:6px;font-size:12.5px;font-weight:600}.outil-detail label>span:first-child{display:block}.outil-consentement{display:grid;grid-template-columns:20px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:start;margin:16px 0 0;font-size:12.5px;font-weight:400;line-height:1.6;color:var(--ink-2)}.outil-consentement input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--ekho-rose)}.outil-mention-rgpd{margin:14px 0 0;color:var(--ink-3);font-size:11.5px;line-height:1.6}.outil-detail-fait{display:grid;grid-gap:8px;gap:8px;padding:18px;border-radius:var(--r-md);background:var(--ok-bg);color:var(--ok-fg)}.outil-detail-fait b{font-size:14px}.outil-erreur{margin:12px 0 0;color:var(--bad-fg);font-size:12.5px;font-weight:600}.outil-questions{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-gap:8px;gap:8px}.outil-questions li{display:flex;align-items:baseline;gap:10px;padding:13px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);font-size:13.5px;line-height:1.5}.outil-questions li:before{content:"?";flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--rose-50);color:var(--rose-700);font-size:11px;font-weight:800}.outil-sorties{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));grid-gap:12px;gap:12px;margin:22px 0 0;padding:0;list-style:none}.outil-sortie{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:inherit;text-decoration:none;font-size:13.5px;font-weight:600;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.outil-sortie:focus-visible,.outil-sortie:hover{border-color:var(--rose-200);transform:translateY(-2px);box-shadow:var(--shadow-md);outline:none}.outil-sortie span{color:var(--rose-700);font-size:16px;line-height:1}.outil-suite{display:grid;grid-gap:10px;gap:10px;margin:22px 0 0;padding:0;list-style:none}@media (min-width:720px){.outil-suite{grid-template-columns:1fr 1fr}}.outil-suite a{display:grid;grid-gap:3px;gap:3px;padding:15px 18px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:inherit;text-decoration:none;transition:border-color .2s ease,transform .2s ease}.outil-suite a:focus-visible,.outil-suite a:hover{border-color:var(--rose-200);transform:translateY(-2px);outline:none}.outil-suite b{font-size:13.5px;letter-spacing:-.015em}.outil-suite span{color:var(--ink-3);font-size:12px}.outil-promesse{display:flex;flex-wrap:wrap;gap:8px 22px;margin:22px 0 0;padding:0;list-style:none;color:var(--ink-2);font-size:13px}.outil-promesse li{display:flex;align-items:center;gap:8px}.outil-promesse li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ekho-rose);flex:none}@media (prefers-reduced-motion:reduce){.outils-bandeau h1 em:after{animation:none;transform:scaleX(1)}.outil-chiffre.est-neuf,.outil-resultat:before{animation:none}.outil-barre i,.outil-bouton-plat,.outil-carte,.outil-carte:before,.outil-choix button,.outil-curseur::-webkit-slider-thumb,.outil-frise-jauge i,.outil-methode>summary:after,.outil-saisie,.outil-sortie,.outil-suite a{-webkit-transition:none;transition:none}.outil-bouton-plat:hover,.outil-carte:hover,.outil-sortie:hover,.outil-suite a:hover{transform:none}.outil-carte:focus-visible:before,.outil-carte:hover:before{transform:scaleX(1)}}.outil-gain{margin:20px 0 0;padding:16px 18px;border-radius:var(--r-md);border:1px solid rgba(253,220,0,.38);background:rgba(253,220,0,.09)}.outil-gain>span{display:block;color:var(--ekho-jaune);font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.outil-gain>b{display:block;margin-top:6px;font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.outil-gain>em{display:block;margin-top:8px;color:rgba(255,255,255,.78);font-size:12.5px;font-style:normal;line-height:1.6}