/* L'accueil de Kranli (30.09.2026) */
:root{--nuit:#0b0d10;--nuit-2:#161a20;--titre:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI Variable Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.acc{overflow-x:clip}
.acc .w{max-width:1200px}
.acc .w.etroit{max-width:760px}
.acc h1,.acc h2,.acc h3{font-family:var(--titre)}
.lecteur{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.titre-2{font-size:clamp(32px,8.6vw,68px);line-height:1.02;letter-spacing:-.042em;font-weight:800;margin:0;max-width:18ch;text-wrap:balance}
.surtitre-2{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:750;color:var(--jaune-encre);margin-bottom:14px}
.surtitre-2.clair{color:var(--jaune)}
.intro-2{font-size:clamp(17px,4.5vw,21px);line-height:1.5;color:var(--encre-2);max-width:42ch;margin-top:16px}
@keyframes paraitre{from{opacity:0;transform:translateY(14px)}}
/* le haut : la promesse et le téléphone */
.une{position:relative;padding:22px 0 64px;isolation:isolate}
.une-grille{display:grid;gap:46px;align-items:center}
.une-texte{container-type:inline-size;min-width:0}
.direct{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:650;color:var(--encre-2);background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px var(--filet);border-radius:999px;padding:7px 15px 7px 11px;animation:paraitre .8s .05s cubic-bezier(.16,1,.3,1) both}
.direct i{flex:none;width:8px;height:8px;border-radius:50%;background:#1f9d5c;animation:respire 2.4s ease-out infinite}
@keyframes respire{0%{box-shadow:0 0 0 0 rgba(31,157,92,.45)}100%{box-shadow:0 0 0 10px rgba(31,157,92,0)}}
.direct b{color:var(--encre);font-variant-numeric:tabular-nums}
.geant{margin:22px 0 20px;font-weight:800;letter-spacing:-.046em;line-height:.97;font-size:clamp(36px,calc(100cqi / var(--n) * 1.95),124px)}
.geant .ligne{display:block;overflow:hidden;padding:0 .04em .07em 0;margin-bottom:-.07em}
.geant .ligne>span{display:inline-block;animation:monte 1.05s cubic-bezier(.16,1,.3,1) both}
.geant .ligne:nth-child(2)>span{animation-delay:.1s}
.geant .ligne:nth-child(3)>span{animation-delay:.2s}
@keyframes monte{from{transform:translateY(108%)}}
.geant em{font-style:normal;position:relative;z-index:0;white-space:nowrap}
.geant em::after{content:"";position:absolute;left:-.03em;right:-.05em;bottom:.07em;height:.24em;background:var(--jaune);z-index:-1;transform-origin:0 50%;animation:trait .9s .75s cubic-bezier(.16,1,.3,1) both}
@keyframes trait{from{transform:scaleX(0)}}
.une-sous{font-size:clamp(17px,4.6vw,21px);line-height:1.5;color:var(--encre-2);max-width:36ch;animation:paraitre .9s .45s cubic-bezier(.16,1,.3,1) both}
.actions-une{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;animation:paraitre .9s .6s cubic-bezier(.16,1,.3,1) both}
.bouton-plein,.bouton-clair{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 22px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}
.bouton-plein{background:var(--encre);color:#fff;box-shadow:0 14px 30px -12px rgba(14,17,22,.55)}
.bouton-plein:hover,.bouton-clair:hover{transform:translateY(-2px)}
.bouton-plein .fl{transition:transform .25s}.bouton-plein:hover .fl{transform:translateX(4px)}
.bouton-plein .point{width:8px;height:8px;border-radius:50%;background:var(--jaune);box-shadow:0 0 0 4px rgba(245,196,0,.25)}
.bouton-clair{background:#fff;color:var(--encre);box-shadow:inset 0 0 0 1.5px var(--filet)}
.note-une{margin-top:16px;font-size:14px;color:var(--doux);animation:paraitre .9s .7s both}
.une-tel{position:relative;margin:0;animation:paraitre 1.1s .3s cubic-bezier(.16,1,.3,1) both}
.une-tel::before{content:"";position:absolute;left:50%;top:46%;width:150%;max-width:760px;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(245,196,0,.42),rgba(245,196,0,.12) 55%,rgba(245,196,0,0));z-index:-1;pointer-events:none}
.une-tel{padding-top:70px}
.grue-une{position:absolute;top:0;right:max(0px,calc(50% - 190px));transform:scaleX(-1);pointer-events:none}
.tel-legende{margin-top:22px;text-align:center;font-size:13.5px;color:var(--doux)}
.tel-legende b{display:inline-block;background:var(--encre);color:#fff;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;border-radius:6px;padding:2px 7px;margin-right:6px;vertical-align:1px}
/* un téléphone : --l largeur en pixels, --v largeur de la page affichée (mise à l'échelle) */
.tel{--l:300;position:relative;width:calc(var(--l) * 1px);max-width:100%;margin:0 auto}
.tel-cadre{position:relative;padding:calc(var(--l) * .034px);border-radius:calc(var(--l) * .165px);background:linear-gradient(150deg,#454a53 0%,#16191d 16%,#08090b 50%,#1d2025 84%,#454a53 100%);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.16),inset 0 0 0 4px #040405,0 2px 6px rgba(14,17,22,.25),0 40px 70px -26px rgba(14,17,22,.55),0 90px 120px -60px rgba(14,17,22,.4)}
.tel-ecran{position:relative;overflow:hidden;width:calc(var(--l) * .932px);height:calc(var(--l) * 2.02px);border-radius:calc(var(--l) * .132px);background:#f3f1ea;isolation:isolate;transform:translateZ(0)}
.tel-ile{position:absolute;z-index:3;top:calc(var(--l) * .03px);left:50%;width:calc(var(--l) * .3px);height:calc(var(--l) * .086px);margin-left:calc(var(--l) * -.15px);border-radius:99px;background:#000}
.tel-page{position:absolute;left:0;top:0;width:calc(var(--v) * 1px);height:calc(var(--v) * 2.1674px);transform:scale(calc(var(--l) * .932 / var(--v)));transform-origin:0 0;overflow:hidden;background:#f3f1ea}
.tel-reflet{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.05) 24%,rgba(255,255,255,0) 40%)}
.tel-defile{padding-top:50px}
.js .en-vue .tel-defile{animation:defile 30s cubic-bezier(.45,0,.55,1) 1.6s infinite}
@keyframes defile{0%,9%{transform:translateY(0)}46%,58%{transform:translateY(var(--fin,0px))}93%,100%{transform:translateY(0)}}
.courriel{font-size:16px;line-height:normal;text-align:left;overflow-wrap:normal}
.courriel p{margin:0}
.tel iframe{display:block;border:0;width:calc(var(--v) * 1px);height:calc(var(--v) * 2.1674px);pointer-events:none;background:#f3f1ea}
/* la recherche */
.bande-cherche{padding:52px 0;background:var(--papier)}
.bande-cherche .cherche>label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.bande-cherche .cherche{margin-top:28px;max-width:660px;background:var(--fond);box-shadow:none}
/* accueil épuré (22.10.2026) : la ligne des cantons sous la recherche, la rangée des métiers en deux colonnes */
.ligne-cantons{margin:18px 0 0;font-size:15.5px;color:var(--encre-2)}
.ligne-cantons a{color:var(--encre);font-weight:700;text-decoration:underline;text-decoration-color:var(--jaune);text-decoration-thickness:2px;text-underline-offset:4px;white-space:nowrap}
.metiers-une{padding:44px 0 36px}
.metiers-une .barres-2{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;margin-top:16px}
.metiers-une .barres-2 a{grid-template-columns:44px minmax(0,1fr);gap:4px 10px}
.metiers-une .barres-2 .nom{font-size:15.5px}
.metiers-une .barres-2 .sans-lien{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 10px;align-items:center;padding:12px 2px 13px;border-bottom:1px solid var(--filet)}
.bande-cherche .champ{background:#fff;min-height:60px}
/* les chiffres de la base */
.chiffres{padding:8px 0 28px}
.chiffres .grands{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 18px}
.grands b{display:block;font-family:var(--titre);font-size:clamp(54px,15.5vw,120px);font-weight:800;letter-spacing:-.055em;line-height:.9;font-variant-numeric:tabular-nums}
.grands li:first-child b{background:linear-gradient(transparent 70%,var(--jaune) 70%,var(--jaune) 88%,transparent 88%);display:inline-block}
.grands span{display:block;margin-top:10px;font-size:15px;line-height:1.35;color:var(--encre-2);max-width:17ch}
.chiffres .note{margin-top:30px;font-size:13px;color:var(--doux)}
.par-metier{margin:0;font-size:15px;font-weight:650;color:var(--encre-2)}
.chiffres .barres-2+.note{margin-top:18px}
.barres-2{list-style:none;display:grid;margin-top:12px;border-top:1px solid var(--filet)}
.barres-2 a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px 14px;align-items:center;padding:12px 2px 13px;border-bottom:1px solid var(--filet);color:var(--encre);text-decoration:none}
.barres-2 a:hover .nom{text-decoration:underline;text-underline-offset:3px}
.barres-2 .nom{font-weight:650;font-size:16px;line-height:1.3}
.barres-2 .n{font-family:var(--titre);font-weight:800;font-size:22px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.barres-2 .tu{grid-row:1/span 2;align-self:center;border-radius:12px;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}
@media (hover:hover){.barres-2 a:hover .tu{transform:translateY(-3px);box-shadow:0 10px 22px -12px rgba(22,27,34,.45)}}
.barres-2 a:active .tu,.barres-2 a:focus-visible .tu{transform:translateY(-3px);box-shadow:0 10px 22px -12px rgba(22,27,34,.45)}
.barre-2{grid-column:2/-1;height:5px;border-radius:5px;background:#e6e0d1;overflow:hidden}
.barre-2 i{display:block;height:100%;width:var(--p);border-radius:5px;background:var(--jaune);transform-origin:0 50%;transition:transform 1.3s cubic-bezier(.16,1,.3,1)}
.js .apparait:not(.vu) .barre-2 i{transform:scaleX(0)}
.racine-aiguillage{padding:30px 0 70px}.racine-aiguillage .w{container-type:inline-size}
/* la fiche racontée au défilement */
.recit{padding:60px 0 0;background:linear-gradient(180deg,var(--fond) 0%,#ebe6da 100%)}
.recit-scene{position:relative;margin-top:26px}
.recit-colle{position:relative}
.recit-grille{display:grid;gap:26px}
.recit-etapes{display:grid;gap:22px}
.etape-r h3{display:flex;align-items:center;gap:12px;font-size:22px;line-height:1.2;font-weight:750;letter-spacing:-.02em}
.etape-r .n{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--encre);color:var(--jaune);font-size:14px;font-weight:800;letter-spacing:0}
.etape-r p{margin-top:8px;color:var(--encre-2);font-size:16.5px;line-height:1.5;max-width:38ch}
.recit-barres{display:none}
.recit-tel .tel{--l:300}
.lien-fiche{padding:24px 16px 56px;text-align:center}
.lien-fiche a{font-weight:700;color:var(--encre);text-decoration:none;border-bottom:2.5px solid var(--jaune);padding-bottom:3px}
.js .pilote{height:240vh}
.js .pilote .recit-colle{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.js .pilote .recit-grille{height:100%;grid-template-rows:auto minmax(0,1fr);gap:16px;padding-top:20px}
.js .pilote .recit-etapes{position:relative;display:block;min-height:150px}
.js .pilote .etape-r{position:absolute;left:0;right:0;top:0;opacity:0;transform:translateY(14px);transition:opacity .18s,transform .3s}
.js .pilote .etape-r.active{opacity:1;transform:none;transition:opacity .4s .2s,transform .6s .2s cubic-bezier(.16,1,.3,1)}
.js .pilote .recit-barres{display:flex;gap:6px;position:absolute;left:0;right:0;bottom:0}
.recit-barres span{flex:1;height:3px;border-radius:3px;background:rgba(14,17,22,.13);overflow:hidden}
.recit-barres i{display:block;height:100%;background:var(--encre);transform-origin:0 50%;transform:scaleX(0)}
.js .pilote .recit-tel{min-height:0;-webkit-mask-image:linear-gradient(#000 80%,transparent);mask-image:linear-gradient(#000 80%,transparent)}
/* ce que Kranli sait : de vraies lignes de la fiche */
.savoir{padding:52px 0;background:var(--papier)}
.savoir-pli>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:end;cursor:pointer}
.savoir-pli>summary::-webkit-details-marker{display:none}
.savoir-pli>summary>*{grid-column:1}
.savoir-pli .surtitre-2{display:block}
.savoir-pli .intro-2{display:block}
.pli-chevron{grid-column:2!important;grid-row:1/span 3;align-self:end;width:46px;height:46px;border-radius:50%;background:var(--fond);box-shadow:inset 0 0 0 1.5px var(--filet);position:relative;transition:transform .35s cubic-bezier(.16,1,.3,1),background .2s}
.pli-chevron::before{content:"";position:absolute;left:50%;top:44%;width:11px;height:11px;border-right:2.5px solid var(--encre);border-bottom:2.5px solid var(--encre);transform:translate(-50%,-50%) rotate(45deg)}
.savoir-pli>summary:hover .pli-chevron{background:var(--jaune)}
.savoir-pli[open] .pli-chevron{transform:rotate(180deg)}
.savoir-pli>summary:focus-visible{outline:3px solid var(--jaune);outline-offset:6px;border-radius:12px}
.bento{display:grid;gap:14px;margin-top:32px}
.tuile{background:var(--fond);border-radius:26px;padding:22px 20px 20px;box-shadow:inset 0 0 0 1px var(--filet);min-width:0}
.tuile h3{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--doux);font-weight:750;margin-bottom:14px}
.tuile .f+.f{margin-top:12px}
.tuile .f p{font-size:16.5px;line-height:1.45}
.tuile p.moyen{font-size:19px;line-height:1.4;font-weight:650;letter-spacing:-.01em}
.tuile .d{font-size:14px;line-height:1.45;color:var(--encre-2);margin-top:4px}
.t-pourquoi{background:#fff3c2;box-shadow:none}
.t-pourquoi .grand{font-family:var(--titre);font-size:clamp(21px,5.6vw,30px);font-weight:750;line-height:1.25;letter-spacing:-.02em}
.pst{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--encre);color:#fff;font:700 11px/1 var(--police);vertical-align:.18em;letter-spacing:0}
.verif{display:inline-block;font-size:11.5px;font-weight:650;color:var(--jaune-encre);background:var(--jaune-doux);border-radius:999px;padding:1px 8px;white-space:nowrap;vertical-align:1px}
.tuile .estim{background:none;border-radius:0;padding:0;font-size:inherit;font-weight:400;color:var(--doux);vertical-align:baseline;cursor:help}
.bento .legende-estim{grid-column:1/-1;margin:2px 0 0;font-size:13px;color:var(--doux)}
.marques{white-space:nowrap}
.reperes{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.repere{font-size:13px;line-height:1.3;background:rgba(255,255,255,.8);border-radius:999px;padding:5px 11px;color:var(--encre-2)}
.repere b{color:var(--encre)}
.repere.moins{background:#fbe3dc;color:#7a2d17}.repere.moins b{color:#7a2d17}
.masque{font-size:13px;line-height:1.4;color:var(--doux);margin-top:12px}
.src-ui{list-style:none;margin-top:16px;padding-top:12px;border-top:1px dashed #d6cfbd;display:grid;gap:6px;font-size:12.5px;line-height:1.4;color:var(--doux)}
.src-ui li{display:flex;gap:8px;align-items:flex-start}
.src-ui b{flex:none;display:inline-grid;place-items:center;min-width:17px;height:17px;border-radius:999px;background:var(--encre);color:#fff;font-size:10px}
.etapes-ui{display:flex;margin-top:18px}
.et{flex:1;position:relative;padding-top:24px;text-align:center;font-size:12.5px;line-height:1.3;color:var(--doux)}
.et::before{content:"";position:absolute;top:5px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #c8bd98;z-index:1;transition:background .4s,box-shadow .4s}
.et::after{content:"";position:absolute;top:11px;left:-50%;width:100%;height:2px;background:#d9d0b2}
.et:first-child::after{display:none}
.et.faite{color:var(--encre)}
.et.faite::before{background:var(--vert);box-shadow:none}
.et.ici::before{box-shadow:0 0 0 5px rgba(23,128,79,.18)}
.js .apparait:not(.vu) .et.faite::before{background:#fff;box-shadow:inset 0 0 0 2px #c8bd98}
.fr-l+.fr-l{margin-top:12px}
.fr-t{font-size:14.5px;line-height:1.35}
.fr-p{position:relative;height:12px;margin-top:7px;border-radius:999px;background:#e9e4d7;overflow:hidden}
.fr-b{position:absolute;top:0;bottom:0;border-radius:999px;background:var(--jaune);transform-origin:0 50%;transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
.js .apparait:not(.vu) .fr-b{transform:scaleX(0)}
.fr-axe{display:flex;justify-content:space-between;margin-top:6px;font-size:11.5px;color:var(--doux)}
.tuile>.d{margin-top:12px}
.savoir .note-2{margin-top:22px;font-size:13.5px;color:var(--doux);max-width:70ch}
/* « chantier » dans les neuf langues */
.mots{position:relative;overflow:hidden;background:var(--nuit);color:#fff;padding:60px 0 64px}
.mots .titre-2{color:#fff}
.mots .intro-2{color:#aeb5bf}
.rangees{margin:36px -8% 0;display:grid;gap:2px;transform:rotate(-4deg)}
.rangee{display:flex;width:max-content;animation:file 80s linear infinite}
.rangee.inverse{animation-duration:96s;animation-direction:reverse}
.mots:not(.en-vue) .rangee{animation-play-state:paused}
@keyframes file{to{transform:translateX(-50%)}}
.mot{display:inline-flex;align-items:flex-start;gap:.1em;padding:0 .3em;font-family:var(--titre);font-size:clamp(60px,17vw,188px);font-weight:800;letter-spacing:-.05em;line-height:1.04;white-space:nowrap;color:transparent;-webkit-text-stroke:1.3px rgba(255,255,255,.3)}
.mot sup{font:700 12px/1 var(--police);letter-spacing:.12em;color:#7a828d;-webkit-text-stroke:0;margin-top:1.4em}
.rangee.inverse .mot{color:rgba(255,255,255,.07);-webkit-text-stroke:0}
.mot.ici,.rangee.inverse .mot.ici{color:var(--jaune);-webkit-text-stroke:0}
.mot.ici sup{color:var(--jaune)}
/* vu du ciel */
.ciel{background:var(--nuit);color:#fff}
.ciel-grand{position:relative;height:clamp(420px,66vh,920px);overflow:hidden;isolation:isolate;background:#1b1f25}
.js .ciel-grand.apparait{transform:none}
.ciel-grand>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 2.8s cubic-bezier(.16,1,.3,1)}
.js .ciel-grand:not(.vu)>img{transform:scale(1.22)}
@supports (animation-timeline:view()){.js .ciel-grand>img{transition:none;animation:zoom-ciel linear both;animation-timeline:view();animation-range:entry 0% exit 30%}}
@keyframes zoom-ciel{from{transform:scale(1.3) translateY(-2%)}to{transform:scale(1.02) translateY(2%)}}
.ciel-grand::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,13,16,.55) 0%,rgba(11,13,16,.08) 34%,rgba(11,13,16,.2) 58%,rgba(11,13,16,.9) 100%)}
.ciel-texte{position:absolute;left:0;right:0;bottom:0;padding-bottom:40px}
.ciel-texte .titre-2{color:#fff;max-width:13ch}
.ciel-texte p:last-child{color:#d9dee4;max-width:40ch;margin-top:14px;font-size:clamp(16px,4.3vw,20px);line-height:1.5}
.credit{position:absolute;right:12px;top:12px;z-index:2;font-size:11px;line-height:1.3;color:rgba(255,255,255,.9);background:rgba(0,0,0,.38);padding:3px 8px;border-radius:6px}
.trio{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:16px 16px 56px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.trio::-webkit-scrollbar{display:none}
.trio figure{position:relative;flex:0 0 74%;scroll-snap-align:center;border-radius:24px;overflow:hidden;aspect-ratio:1/1;background:#1b1f25}
.trio img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.16,1,.3,1)}
.trio figure:hover img{transform:scale(1.05)}
.trio figcaption{position:absolute;left:0;right:0;bottom:0;padding:64px 18px 18px;background:linear-gradient(180deg,rgba(11,13,16,0),rgba(11,13,16,.88))}
.trio figcaption b{display:block;font-family:var(--titre);font-size:26px;letter-spacing:-.03em;line-height:1.1}
.trio figcaption span{display:block;margin-top:4px;font-size:15px;color:#d0d6dd}
/* cantons, prix, questions */
.bloc-cantons{padding:60px 0}
.bloc-cantons .carte-suisse{margin-top:32px;padding:18px;border-radius:30px;box-shadow:0 1px 2px rgba(14,17,22,.05),0 30px 60px -30px rgba(14,17,22,.25)}
.bloc-cantons .cantons{margin-top:22px}
.lien-couverture{margin-top:22px;font-size:16px}
.lien-couverture a{color:var(--encre);font-weight:700;text-decoration:underline;text-decoration-color:var(--jaune);text-decoration-thickness:2px;text-underline-offset:4px}
.prix-bloc{padding:60px 0;background:var(--papier)}
.prix-grille{display:grid;gap:16px}
.prix-carte-2{position:relative;overflow:hidden;isolation:isolate;border-radius:32px;padding:32px 24px 30px;background:var(--nuit);color:#fff}
.prix-carte-2::before{content:"";position:absolute;right:-35%;top:-45%;width:100%;aspect-ratio:1;background:radial-gradient(closest-side,rgba(245,196,0,.45),rgba(245,196,0,0));z-index:-1}
.prix-geant{display:flex;align-items:flex-end;gap:14px;margin:6px 0 4px}
.prix-chiffre{font-family:var(--titre);font-size:clamp(104px,32vw,176px);font-weight:800;letter-spacing:-.065em;line-height:.8;color:var(--jaune)}
.prix-geant span{font-size:17px;line-height:1.3;font-weight:650;color:#c7ccd4;padding-bottom:10px}
.coches-2{list-style:none;display:grid;gap:13px;margin:28px 0 30px}
.coches-2 li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px;line-height:1.4;color:#eceff2}
.coches-2 li::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;margin-top:0;background:var(--jaune) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%23161b22' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat}
.prix-carte-2 .bouton-plein{background:var(--jaune);color:var(--encre);box-shadow:none}
.prix-carte-2 .note{margin-top:14px;font-size:14px;color:#a8afb9}
.prix-bloc .inscription-carte{border-radius:32px;background:var(--fond);box-shadow:none;padding:28px 22px}
.faq-bloc{padding:56px 0 32px}
.faq-bloc .titre-2{margin-bottom:24px}
@media (min-width:760px){
.bande-cherche{padding:72px 0}.chiffres{padding:16px 0 64px}.recit{padding-top:92px}.lien-fiche{padding-bottom:84px}.savoir{padding:96px 0}
.mots{padding:100px 0 110px}.rangees{margin-top:56px}.bloc-cantons,.prix-bloc{padding:96px 0}.faq-bloc{padding:88px 0 40px}
.ciel-grand{height:clamp(540px,94vh,920px)}.ciel-texte{padding-bottom:60px}
.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.t2{grid-column:span 2}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin:0;padding:24px 0 110px}
.trio figure{aspect-ratio:3/4;border-radius:26px}
.chiffres .grands{grid-template-columns:repeat(4,minmax(0,1fr))}
.barres-2{grid-template-columns:1fr 1fr;column-gap:48px}
}
@media (min-width:960px){
.une{padding:56px 0 110px}
.une-grille{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:40px}
.une-tel .tel{--l:320;transform:perspective(1600px) rotateY(-20deg) rotateX(7deg) rotateZ(2deg);animation:flotte 10s ease-in-out infinite}
@keyframes flotte{50%{transform:perspective(1600px) rotateY(-14deg) rotateX(4deg) rotateZ(1deg) translateY(-12px)}}
.recit-grille{grid-template-columns:minmax(0,470px) auto;justify-content:center;align-items:center;gap:120px}
.etape-r h3{font-size:30px;gap:14px}.etape-r .n{width:36px;height:36px;font-size:16px}
.etape-r p{font-size:19px;margin-top:10px}
.recit-tel .tel{--l:350}
.js .pilote .recit-grille{grid-template-rows:none;padding-top:0}
.js .pilote .recit-etapes{display:grid;gap:34px;min-height:0;padding-bottom:30px}
.js .pilote .etape-r{position:relative;opacity:.28;transform:none}
.js .pilote .etape-r.active{opacity:1}
.js .pilote .recit-tel{-webkit-mask-image:none;mask-image:none;align-self:center}
.bento{grid-template-columns:repeat(3,minmax(0,1fr))}
.prix-grille{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start}
.bloc-cantons .w{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);column-gap:64px;align-content:start}
.bloc-cantons .w>*{grid-column:1}
.bloc-cantons .carte-suisse{grid-column:2;grid-row:1/span 5;margin-top:0;max-width:none;align-self:center}
.prix-carte-2{padding:44px 40px 40px}
}
@media (prefers-reduced-motion:reduce){.barres-2 .tu{transition:none}.barres-2 a:active .tu,.barres-2 a:hover .tu,.barres-2 a:focus-visible .tu{transform:none}.geant .ligne>span,.geant em::after,.une-sous,.actions-une,.note-une,.une-tel,.direct{animation:none!important}.js .ciel-grand:not(.vu)>img{transform:none}.js .apparait:not(.vu) .fr-b{transform:none}}