.p-tel { --l: 300px; position: relative; flex: none; width: var(--l); aspect-ratio: 424 / 878; margin: 0; }
.p-tel-corps { position: absolute; left: 0; top: 0; width: 424px; height: 878px; transform-origin: 0 0; scale: var(--p-k, tan(atan2(var(--l), 424px))); }
@supports (font: -apple-system-body) { .p-tel:not(.is-mesure) .p-tel-corps { visibility: hidden; } }
.p-tel-cadre { position: absolute; inset: 0; border-radius: 58px; background: var(--dn-cadre-chrome); box-shadow: inset 0 0 0 1px #ffffff5c, 0 0 0 1px #000, 0 90px 120px -50px #000, 0 40px 70px -40px #000; }
.p-tel-cadre::before { content: ""; position: absolute; inset: 5px; border-radius: 53px; background: #040506; box-shadow: inset 0 0 0 1px #ffffff12; }
.p-tel-cadre::after { content: ""; position: absolute; left: -3px; top: 168px; width: 4px; height: 58px; border-radius: 3px; background: linear-gradient(90deg, #8d949c, #eef0f3 60%, #6c737b); box-shadow: 0 74px 0 0 #9aa1a9, 425px -40px 0 0 #b6bcc3; }
.p-tel-ecran { position: absolute; left: 17px; top: 17px; width: 390px; height: 844px; overflow: hidden; border-radius: 40px; background: #050607; isolation: isolate; }
.p-tel-ecran::after { content: ""; position: absolute; z-index: 20; top: 11px; left: 50%; translate: -50% 0; width: 116px; height: 32px; border-radius: 999px; background: #000; box-shadow: inset 0 0 0 1px #ffffff0d; }
.p-tel-reflet { position: absolute; inset: 0; z-index: 21; pointer-events: none; background: linear-gradient(128deg, #ffffff17 0%, #ffffff07 24%, transparent 38%); }
.p-tel .e-pages > .e-page { visibility: visible; }
.p-tel .e-nav[data-o="0"] { --lx: 36.5px; } .p-tel .e-nav[data-o="1"] { --lx: 109.5px; }
.p-tel .e-nav[data-o="2"] { --lx: 182.5px; } .p-tel .e-nav[data-o="3"] { --lx: 255.5px; }
.p-tel .e-onglet { position: relative; z-index: 1; }
.p-tel .e-nav-lentille { z-index: 0; top: 5px; width: 68px; height: 56px; border-radius: 28px; transform: translateX(calc(var(--lx) - 34px)); -webkit-mask: none; mask: none; filter: none;
  background: radial-gradient(90% 130% at 28% 0%, #ffffff3d, transparent 58%), linear-gradient(180deg, #34383e, #1b1e22);
  box-shadow: inset 0 1px 0 #ffffff6b, inset 0 0 0 1px #ffffff38, inset 0 -8px 14px #00000066, 0 8px 16px -8px #000; }
.p-tel .e-nav-lentille::after { display: none; }
.p-tel .e-page :where([data-tap]) { position: relative; }

.p-heros { position: relative; z-index: 1; padding: 108px 0 clamp(48px, 6vw, 88px); }
.p-heros-grille { --p-w: clamp(380px, min(36vw, (100svh - 136px) * .67), 580px); --p-tw: calc(var(--p-w) * .54); display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: clamp(32px, 4vw, 72px); width: min(100%, 1440px); margin-inline: auto; padding-inline: var(--v-g); }
.p-heros-texte { max-width: 540px; }
.p-sur { margin-top: 8px; }
.p-titre { margin: 14px 0 0; font-family: var(--dn-titre); font-weight: 600; letter-spacing: -.055em; text-wrap: balance; }
.p-titre > span { display: block; }
.p-titre > .v-plaque { font-size: clamp(50px, 6.1vw, 94px); line-height: .94; padding-bottom: .22em; margin-bottom: -.14em; }
.p-titre > .v-eteint { font-size: clamp(25px, 2.5vw, 38px); line-height: 1.08; letter-spacing: -.045em; }
.p-lede { margin-top: 22px; }
.p-cta { margin-top: 30px; }
.p-garantie { margin-top: 16px; }
.p-preuve { margin-top: 18px; }

.p-scene { position: relative; z-index: 1; margin: 0; width: calc(var(--p-w) * .72 + var(--p-tw)); height: calc(var(--p-w) * .375 + var(--p-tw) * 2.0708); }
.p-photo { position: absolute; left: 0; top: 0; width: var(--p-w); aspect-ratio: 4 / 5; overflow: hidden; border-radius: 30px; background: #15171a; box-shadow: 0 0 0 1px #ffffff17, 0 70px 100px -60px #000; }
.p-photo picture, .p-photo img { display: block; width: 100%; height: 100%; object-fit: cover; -webkit-user-drag: none; user-select: none; }
.p-photo::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; border-radius: inherit; box-shadow: inset 0 1px 0 #ffffff24; background: radial-gradient(130% 90% at 40% 30%, transparent 55%, #07080966 100%); }
.p-scene-tel { position: absolute; z-index: 4; left: calc(var(--p-w) * .72); top: calc(var(--p-w) * .375); }
.p-ichor { position: absolute; z-index: 6; left: calc(var(--p-w) * .72 + var(--p-tw) * .56); top: calc(var(--p-w) * .375 - 72px); width: 88px; height: 88px; pointer-events: none; filter: drop-shadow(0 18px 24px #000c); }
.p-ichor > span { display: block; width: 100%; height: 100%; }
.p-filet { position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.p-filet path { fill: none; stroke: #eef0f3; stroke-width: 1.6; stroke-linecap: round; stroke-dasharray: 1 1; stroke-dashoffset: 1; filter: drop-shadow(0 0 4px #ffffff8c); }
.p-filet circle { fill: #eef0f3; opacity: 0; filter: drop-shadow(0 0 5px #ffffffb3); }
.p-filet--or path { stroke: var(--dn-or-vif); filter: drop-shadow(0 0 4px #f0c86a99); }
.p-filet--or circle { fill: var(--dn-or-vif); filter: drop-shadow(0 0 5px #f0c86acc); }
.p-scene.is-relie .p-filet path { stroke-dashoffset: 0; }
.p-scene.is-relie .p-filet circle { opacity: 1; }
html.t-anime .p-filet path { transition: stroke-dashoffset 1s var(--dn-glisse) .3s; }
html.t-anime .p-filet circle { transition: opacity .3s ease; }
html.t-anime .p-scene.is-relie .p-filet circle:last-of-type { transition-delay: 1.2s; }
html.t-anime .p-scene:not(.is-relie) .p-filet path { transition-duration: .3s; transition-delay: 0s; }
@media (scripting: enabled) and (prefers-reduced-motion: no-preference) {
  .p-scene:not(.is-pret) :is(.fx-calque, .p-filet, .p-scene-tel) { opacity: 0; animation: p-secours .4s ease 3s forwards; }
}
@keyframes p-secours { to { opacity: 1; } }
.p-scene.is-cale, .p-scene.is-cale * { transition: none !important; }
html.t-anime .p-scene-tel { transition: opacity .6s ease, translate .9s var(--dn-glisse); }
html.t-anime .p-scene:not(.is-pret) .p-scene-tel { translate: 0 22px; }
.p-scene-pied { position: absolute; left: 0; top: calc(var(--p-w) * 1.25 + 16px); display: flex; align-items: center; gap: 14px; }
.p-rejouer { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px 0 13px; border-radius: var(--dn-r-rond); border: 1px solid #ffffff24; background: #ffffff08; color: var(--dn-argent-2); font: 650 13px/1 var(--dn-texte); cursor: pointer; transition: color .2s ease, border-color .2s ease, background .2s ease; }
.p-rejouer[hidden] { display: none; }
.p-rejouer svg { width: 17px; height: 17px; }
.p-rejouer:hover { color: #fff; border-color: #ffffff52; background: #ffffff12; }
.p-rejouer:hover svg { animation: p-tourne .6s var(--dn-levee); }
@keyframes p-tourne { to { rotate: -360deg; } }
.p-rejouer:focus-visible { outline: 2px solid var(--dn-bleui-1); outline-offset: 3px; }
.p-rejouer:not([hidden]) { animation: p-monte .5s var(--dn-levee) both; }
@keyframes p-monte { from { opacity: 0; translate: 0 8px; } }

@media (max-width: 1099.98px) {
  .p-heros { padding-top: 100px; }
  .p-heros-grille { --p-w: min(54vw, 480px); grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 48px; }
  .p-heros-texte { position: relative; justify-self: start; max-width: 640px; }
  .p-heros-texte::before { content: ""; position: absolute; z-index: -1; inset: -60px -120px -40px -80px; pointer-events: none; background: radial-gradient(closest-side, #070809d9 40%, #07080900); }
  .p-scene { margin-bottom: 40px; }
}
@media (max-width: 699.98px) {
  .p-heros { padding: 0 0 clamp(40px, 10vw, 64px); }
  .p-heros-grille { display: flex; flex-direction: column; align-items: stretch; gap: 0; padding-inline: 0; }
  .p-scene { order: -1; width: 100%; height: auto; margin: 0; }
  .p-photo { position: relative; width: 100%; border-radius: 0; box-shadow: none; }
  .p-photo { -webkit-mask-image: linear-gradient(180deg, #000 0 62%, transparent 100%); mask-image: linear-gradient(180deg, #000 0 62%, transparent 100%); }
  .p-photo::after { background: linear-gradient(180deg, #070809b3 0%, transparent 18%, transparent 50%, #070809b3 80%); box-shadow: none; }
  .p-scene-tel, .p-filet { display: none; }
  .p-ichor { left: auto; right: var(--p-ichor-x, 6%); top: var(--p-ichor-y, 41%); scale: .78; transform-origin: 100% 0; }
  .p-scene-pied { left: auto; right: 16px; top: 116px; gap: 8px; }
  .p-rejouer { width: 44px; padding: 0; justify-content: center; }
  .p-rejouer-mot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .p-scene-pied .v-demo { padding: 6px 10px; border-radius: var(--dn-r-rond); background: #0b0c0ecc; }
  .p-rejouer { background: #0b0c0ecc; }
  .p-heros-texte { position: relative; z-index: 2; max-width: none; margin-top: calc(var(--p-chevauche, 132px) * -1); padding-inline: var(--v-g); }
  .p-heros-texte::before { display: none; }
  .p-titre > .v-plaque { font-size: clamp(44px, 13.4vw, 60px); }
  .p-titre > .v-eteint { font-size: clamp(22px, 6.4vw, 28px); }
  .p-lede { margin-top: 16px; font-size: 17px; }
  .p-cta { margin-top: 24px; }
  .p-cta .dn-btn { flex: 1 1 100%; }
}

.p-heros--drop { overflow-x: clip; }
.p-heros--drop .p-heros-texte { position: relative; z-index: 2; }
.p-drop { --t0: .15s; position: relative; z-index: 1; width: 100%; margin: 0; }
.p-drop-pivot { position: relative; z-index: 1; width: 100%; }
.p-drop--fondu .p-drop-pivot > .n-sujet { -webkit-mask: linear-gradient(#0000 0%, #000 10%, #000 78%, #0000 99%), linear-gradient(to right, #0000 0%, #000 13%, #000 88%, #0000 100%); -webkit-mask-composite: source-in; mask: linear-gradient(#0000 0%, #000 10%, #000 78%, #0000 99%), linear-gradient(to right, #0000 0%, #000 13%, #000 88%, #0000 100%); mask-composite: intersect; }
.p-drop--fondu .n-loin { z-index: 2; }
.p-drop--tel .p-drop-pivot { width: clamp(220px, 21vw, 320px); margin-inline: auto; }
.p-drop--tel .p-drop-pivot > .n-sujet { filter: drop-shadow(0 60px 50px #000000c7) drop-shadow(0 16px 18px #00000080); }
.p-drop--tel::before { content: ""; position: absolute; z-index: 0; left: 50%; top: 52%; width: 120%; aspect-ratio: 1.5; translate: -50% -50%; border-radius: 50%; background: radial-gradient(closest-side, #c4ccd61c, #c4ccd60a 55%, #c4ccd600); pointer-events: none; }
.p-drop-pied { position: absolute; z-index: 4; left: 4%; bottom: 3%; }
.p-drop-pied .v-demo { padding: 6px 11px; border-radius: var(--dn-r-rond); background: #0b0c0ecc; }
.p-drop--tel .p-drop-pied { left: 50%; bottom: -34px; translate: -50% 0; }

.p-d-samba { --l: clamp(110px, 27%, 210px); left: -7%; top: 63%; --v: 120; --dx: -70%; --dy: 40%; --dr: -16deg; --t: .55s; }
.p-d-samba .n-flot-in { --a: 12px; --rr: 3deg; --b: 6.5s; }
.p-d-gel { --l: clamp(150px, 26%, 250px); right: -9%; top: -6%; --v: -70; --dx: 50%; --dy: -40%; --dr: 14deg; --t: .4s; }
.p-d-gel .n-flot-in { --b: 8s; --bt: -2s; }
.p-d-bulle-loin { --l: clamp(70px, 12%, 120px); left: 6%; top: 4%; --v: -110; --dx: -120%; --dy: -120%; --dr: 0deg; --t: .45s; }
.p-d-bulle-loin .n-flot-in { --a: 14px; --rr: 8deg; --b: 7.5s; --bt: -3s; }
.p-d-bulle { --l: clamp(48px, 8%, 84px); left: 10%; top: 70%; --v: 220; --dx: -110%; --dy: 80%; --dr: -20deg; --t: .62s; }
.p-d-bulle .n-flot-in { --a: 15px; --rr: 7deg; --b: 5.5s; --bt: -2.5s; }
.p-d-nuptse { --l: clamp(130px, 26%, 220px); right: 0; top: 56%; --v: 150; --dx: 60%; --dy: 50%; --dr: 16deg; --t: .55s; }
.p-d-nuptse .n-flot-in { --a: 10px; --rr: 2.5deg; --b: 7s; --bt: -1s; }
.p-d-vomero { --l: clamp(150px, 25%, 260px); left: -9%; top: -4%; --v: -80; --dx: -60%; --dy: -50%; --dr: -14deg; --t: .4s; }
.p-d-vomero .n-flot-in { --b: 8.5s; --bt: -2s; }
.p-drop--produit .p-d-bulle { left: auto; right: 6%; top: 8%; --v: 160; --dx: 120%; --dy: -90%; }
.p-drop--opportunites .p-d-bulle-loin { left: auto; right: 4%; top: 2%; }
.p-drop--tel .p-d-a { --l: clamp(120px, 26%, 220px); left: 0; top: 12%; --v: 110; --dx: -80%; --dy: -30%; --dr: -18deg; --t: .45s; }
.p-drop--tel .p-d-b { --l: clamp(120px, 26%, 220px); right: -2%; top: 55%; --v: 170; --dx: 80%; --dy: 40%; --dr: 18deg; --t: .58s; }
.p-drop--tel .p-d-b .n-flot-in { --a: 11px; --b: 6.8s; --bt: -1.5s; }
.p-drop--tel .p-d-c { --l: clamp(130px, 24%, 230px); right: 4%; top: -4%; --v: -70; --dx: 60%; --dy: -60%; --dr: 10deg; --t: .38s; }
.p-drop--tel .p-d-c .n-flot-in { --b: 8.5s; --bt: -3s; }
.p-drop--tel .p-d-d { --l: clamp(46px, 8%, 80px); left: 14%; top: 74%; --v: 230; --dx: -120%; --dy: 90%; --dr: -24deg; --t: .66s; }
.p-drop--tel .p-d-d .n-flot-in { --a: 15px; --rr: 8deg; --b: 5.4s; --bt: -2s; }
.p-drop--verifier .n-verdict { --bx: 15%; --by: 15%; }
.p-drop--alertes .p-drop-pivot { width: min(82%, 470px); margin-left: auto; }
.p-drop--alertes .n-notifs { top: 5%; left: 0; width: min(50%, 300px); }
.p-drop--alertes .p-d-bulle-loin { left: 40%; top: -2%; }

@media (prefers-reduced-motion: no-preference) {
  html.v-pret .p-drop-pivot { transform-origin: 50% 90%; animation: p-drop-arrive 1.5s var(--dn-levee) var(--t0) backwards; }
  html.v-pret .p-drop .n-flot-in { animation: p-drop-entre 1.3s cubic-bezier(.16, 1, .3, 1) var(--t, .5s) backwards, n-apesanteur var(--b) ease-in-out calc(var(--t, .5s) + 1.3s) infinite alternate both; }
  html.v-pret .p-drop { --n-eclat-t: 1.1s; }
  html.v-pret .p-drop-pied { animation: p-monte .6s var(--dn-levee) 1.2s backwards; }
}
@keyframes p-drop-arrive { from { opacity: .35; transform: perspective(1400px) translateY(5%) rotateY(-24deg) rotateX(8deg) scale(.9); } 45% { opacity: 1; } }
@keyframes p-drop-entre { from { opacity: 0; transform: translate(var(--dx, 0), var(--dy, 30%)) rotate(var(--dr, 10deg)) scale(.8); } 35% { opacity: 1; } }

@media (min-width: 1100px) {
  .p-heros--drop .p-heros-grille { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(8px, 2vw, 40px); min-height: min(calc(100svh - 108px), 820px); }
  .p-heros--drop .p-drop { justify-self: end; width: min(100%, 820px); margin-right: calc(-1 * clamp(0px, 2.5vw, 44px)); }
  .p-heros--drop .p-drop--tel { width: min(100%, 680px); margin-right: 0; padding-block: 24px 48px; }
  .p-heros--drop .p-drop--opportunites { width: min(100%, 700px); margin-right: clamp(0px, 4vw, 64px); }
  .p-heros--drop .p-drop--produit { width: min(114%, 900px); margin-right: calc(-1 * clamp(0px, 5vw, 80px)); }
  .p-heros--drop::before { content: ""; position: absolute; z-index: 0; inset: 0 0 auto; height: calc(100% + 30svh); pointer-events: none; background: linear-gradient(98deg, #07080900 30%, #070809d1 52%, #070809 66%); -webkit-mask: linear-gradient(#000 64%, transparent); mask: linear-gradient(#000 64%, transparent); }
}
@media (max-width: 1099.98px) {
  .p-heros--drop .p-drop { width: min(100%, 720px); justify-self: center; margin-bottom: 24px; }
  .p-heros--drop .p-drop--tel { width: min(100%, 560px); padding-bottom: 40px; }
  .p-drop--tel .p-drop-pivot { width: clamp(220px, 40vw, 300px); }
}
@media (max-width: 699.98px) {
  .p-heros--drop .p-drop { order: -1; width: 100%; margin: 0; padding-top: 56px; }
  .p-heros--drop .p-drop--fondu .p-drop-pivot { width: 118vw; margin-left: -9vw; }
  .p-heros--drop :is(.p-drop--verifier, .p-drop--opportunites) { padding-top: 0; }
  .p-heros--drop .p-drop--opportunites .p-drop-pivot { width: 100%; margin-left: 0; }
  .p-heros--drop .p-drop--verifier .p-drop-pivot { width: 100%; margin-left: 14vw; }
  .p-heros--drop:has(:is(.p-drop--verifier, .p-drop--opportunites)) .p-heros-texte { --p-chevauche: 118px; }
  .p-heros--drop .p-drop--tel { padding-top: 64px; padding-bottom: 20px; }
  .p-drop--tel .p-drop-pivot { width: min(44vw, 220px); }
  .p-drop-pied, .p-drop--tel .p-drop-pied { left: auto; right: 16px; top: 72px; bottom: auto; translate: none; }
  .p-heros--drop .p-heros-texte { --p-chevauche: 40px; }
  .p-heros--drop:has(.p-drop--tel) .p-heros-texte { --p-chevauche: 8px; }
  .p-d-gel, .p-d-vomero { display: none; }
  .p-d-samba { left: -2%; top: 50%; --v: 40; }
  .p-drop--opportunites .n-jet--nuptse { --x: 84%; --y: 63%; }
  .p-drop--opportunites .n-jet--nb-9060 { --x: 13%; --y: 24%; }
  .p-d-nuptse { right: 0; top: 60%; --v: 60; }
  .p-drop--tel .p-d-a { left: -2%; top: 16%; --v: 40; }
  .p-drop--tel .p-d-b { right: -3%; top: 52%; --v: 60; }
  .p-drop--tel .p-d-c { right: 6%; top: 2%; --v: -30; }
  .p-drop--verifier .n-verdict { --bx: 16%; --by: 26%; }
  @media (max-width: 374.98px) { .p-drop--verifier .n-verdict { --bx: 24%; } }
  .p-drop--alertes { display: grid; }
  .p-drop--alertes .n-notifs { top: 70px; left: 16px; width: 55%; gap: 8px; }
  .p-drop--alertes .n-notifs li { grid-template-columns: 28px 1fr; gap: 8px; padding: 9px 10px; border-radius: 15px; }
  .p-drop--alertes .n-notifs time { display: none; }
  .p-drop--alertes .n-notif-icone { width: 28px; height: 28px; border-radius: 9px; }
  .p-drop--alertes .p-drop-pivot { width: min(66%, 300px); margin: 0 0 0 auto; }
}

.p-comment-tete { max-width: 760px; }
.p-comment-grille { margin-top: clamp(40px, 5vw, 72px); }
.p-etape + .p-etape { margin-top: clamp(64px, 12vw, 120px); }
.p-etape { display: grid; gap: 32px; justify-items: start; }
.p-etape-n { display: flex; align-items: center; gap: 12px; margin: 0; font: 700 12px/1 var(--dn-texte); letter-spacing: .14em; text-transform: uppercase; color: var(--dn-argent-3); }
.p-etape-n .dn-num { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; font: 600 13px/1 var(--dn-titre); letter-spacing: 0; color: var(--dn-charbon); background: radial-gradient(circle at 35% 25%, #fff, #c9ced3 45%, #8d949c 80%); box-shadow: inset 0 -1px 2px #0006, 0 0 0 4px #ffffff0f, 0 8px 18px -8px #000; }
.p-etape h3 { margin: 18px 0 0; font: 600 clamp(28px, 3.2vw, 46px)/1.02 var(--dn-titre); letter-spacing: -.05em; color: var(--dn-argent-1); text-wrap: balance; }
.p-etape-dit { margin: 14px 0 0; max-width: 46ch; font-size: clamp(16px, 1.2vw, 18px); line-height: 1.6; color: var(--dn-argent-3); text-wrap: pretty; }
.p-etape-tel { justify-self: center; }
.p-comment-tel { display: none; }
.p-comment-demo { margin-top: 40px; }
@media (min-width: 700px) and (max-width: 1099.98px) {
  .p-etape { grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 48px; }
}
@media (min-width: 1100px) and (min-height: 700px) {
  .p-comment { --p-ligne: 55; }
  .p-comment-grille { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(40px, 6vw, 96px); }
  .p-etapes { position: relative; padding-left: 64px; }
  .p-etapes::before { content: ""; position: absolute; left: 18px; top: 12svh; height: calc((var(--p-n, 3) - 1) * 64svh); width: 2px; border-radius: 2px; background: linear-gradient(180deg, #e8ebee calc(var(--p-av, 0) * 100%), #ffffff17 0); }
  .p-etapes::after { content: ""; position: absolute; left: 10px; top: calc(12svh + var(--p-av, 0) * (var(--p-n, 3) - 1) * 64svh); width: 18px; height: 18px; margin-top: -9px; border-radius: 50%; background: radial-gradient(circle at 34% 30%, #fff, #c9ced3 40%, #6c737b 75%, #2a2e33); box-shadow: 0 0 0 4px #ffffff14, 0 0 22px #ffffff59; }
  .p-etape { min-height: 64svh; padding-top: 12svh; align-content: start; }
  .p-etape:last-child { min-height: 56svh; }
  .p-etape + .p-etape { margin-top: 0; }
  .p-etape-texte { opacity: .3; transition: opacity .5s ease; }
  .p-etape.is-actif .p-etape-texte { opacity: 1; }
  .p-etape-tel { display: none; }
  .p-comment-tel { display: block; }
  .p-comment-tel-colle { position: sticky; top: calc(50svh - min(340px, (100svh - 150px) * 424 / 878) * 1.0354); display: flex; justify-content: center; }
  html:not(.t-anime) .p-etape-texte { opacity: 1; }
  html.t-anime .p-comment--voyage { --p-ligne: 50; }
  html.t-anime .p-comment--voyage .p-comment-grille { display: block; position: relative; }
  html.t-anime .p-comment--voyage .p-etapes { position: relative; z-index: 1; padding-left: 0; }
  html.t-anime .p-comment--voyage .p-etapes::before, html.t-anime .p-comment--voyage .p-etapes::after { display: none; }
  html.t-anime .p-comment--voyage .p-etape { min-height: 100svh; padding: 0; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-content: center; align-items: center; column-gap: clamp(40px, 6vw, 96px); }
  html.t-anime .p-comment--voyage .p-etape:last-child { min-height: 100svh; }
  html.t-anime .p-comment--voyage .p-etape:nth-child(even) .p-etape-texte { grid-column: 2; }
  html.t-anime .p-comment--voyage .p-etape-texte { max-width: 540px; opacity: 1; translate: 0 28px; transition: translate .9s cubic-bezier(.2, .8, .2, 1); }
  html.t-anime .p-comment--voyage .p-etape.is-actif .p-etape-texte { translate: none; }
  html.t-anime .p-comment--voyage .p-comment-tel { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
  html.t-anime .p-comment--voyage .p-comment-tel-colle { position: sticky; top: 0; height: 100svh; display: block; }
  html.t-anime .p-comment--voyage .p-grand-tel { position: absolute; inset: 0; width: auto; aspect-ratio: auto; }
}

.p-cas-tete { max-width: 820px; }
.p-cas-grille { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); align-items: start; gap: clamp(24px, 4vw, 56px); margin-top: clamp(32px, 4vw, 56px); }
.p-cas-choix { display: grid; gap: 10px; }
.p-cas-b { position: relative; display: grid; gap: 6px; width: 100%; padding: 18px 22px 20px; border: 0; border-radius: 20px; background: linear-gradient(180deg, #15171bf2, #0d0f12f2); box-shadow: inset 0 1px 0 #ffffff14, 0 0 0 1px #ffffff12; color: inherit; font: inherit; text-align: left; cursor: pointer; transition: box-shadow .3s ease, background .3s ease; }
.p-cas-b:hover { box-shadow: inset 0 1px 0 #ffffff24, 0 0 0 1px #ffffff2e; }
.p-cas-b[aria-pressed="true"] { background: linear-gradient(180deg, #25282df5, #121418f5); box-shadow: inset 0 1px 0 #ffffff33, 0 0 0 1px #ffffff5c, 0 24px 40px -24px #000; }
.p-cas-b::before { content: ""; position: absolute; left: -1px; top: 20px; bottom: 20px; width: 3px; border-radius: 3px; background: linear-gradient(180deg, #fff, #9aa0a7); box-shadow: 0 0 12px #ffffff80; opacity: 0; scale: 1 .4; transition: opacity .3s ease, scale .45s var(--dn-ressort); }
.p-cas-b[aria-pressed="true"]::before { opacity: 1; scale: 1; }
.p-cas-b:focus-visible { outline: 2px solid var(--dn-bleui-1); outline-offset: 3px; }
.p-cas-puce { font: 600 18px/1.15 var(--dn-titre); letter-spacing: -.03em; color: var(--dn-argent-1); }
.p-cas-sit { font-size: 14.5px; line-height: 1.5; color: var(--dn-argent-3); }
.p-cas-b[aria-pressed="true"] .p-cas-sit { color: var(--dn-argent-2); }
.p-cas-cartes { display: grid; gap: 16px; }
.p-cas-carte { position: relative; padding: clamp(22px, 2.8vw, 36px); border-radius: 28px; background: radial-gradient(120% 120% at 100% 0%, #1e2126, #0c0d10 62%); box-shadow: inset 0 1px 0 #ffffff1f, 0 0 0 1px #ffffff14, 0 60px 90px -50px #000; overflow: hidden; overflow: clip; isolation: isolate; }
.p-cas-carte::before { content: ""; position: absolute; z-index: -1; inset: -30% -50%; pointer-events: none; background: linear-gradient(115deg, transparent 42%, #ffffff0d 47%, #ffffff1f 50%, #ffffff0d 53%, transparent 58%); translate: -70% 0; }
.p-cas-c-puce { margin: 0; font: 700 12px/1.2 var(--dn-texte); letter-spacing: .12em; text-transform: uppercase; color: var(--dn-argent-3); }
.p-cas-c-sit { margin: 12px 0 0; font: 600 clamp(21px, 1.9vw, 27px)/1.18 var(--dn-titre); letter-spacing: -.04em; color: var(--dn-argent-1); text-wrap: balance; }
.p-cas-gestes { display: grid; gap: 12px; margin-top: 22px; }
.p-cas-gestes li { display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: start; gap: 12px; font-size: 16px; line-height: 1.5; color: var(--dn-argent-2); }
.p-cas-gestes .dn-num { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; font: 600 12px/1 var(--dn-titre); color: var(--dn-charbon); background: radial-gradient(circle at 35% 25%, #fff, #c9ced3 45%, #8d949c 80%); box-shadow: inset 0 -1px 2px #0006, 0 0 0 3px #ffffff0f; }
.p-cas-gestes b { color: #fff; }
.p-cas-chiffre { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; margin: 24px 0 0; }
.p-cas-chiffre b { font: 600 clamp(38px, 4vw, 54px)/1 var(--dn-titre); letter-spacing: -.06em; color: transparent; background-image: var(--dn-chrome-reflet), var(--dn-chrome-chiffre); -webkit-background-clip: text; background-clip: text; }
.p-cas-chiffre span { max-width: 30ch; font-size: 14px; line-height: 1.45; color: var(--dn-argent-3); }
.p-cas-offre { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-top: 26px; padding-top: 20px; border-top: 1px solid #ffffff14; }
.p-cas-offre p { margin: 0; font-size: 15px; color: var(--dn-argent-2); }
.p-cas-offre p b { font: 600 18px/1 var(--dn-titre); letter-spacing: -.03em; color: #fff; }
.p-cas-offre p span { display: block; margin-top: 6px; font-size: 14px; color: var(--dn-argent-3); }
.p-cas-demo { margin: 0; }
html.v-pret .p-cas-cartes { position: sticky; top: 104px; }
html.v-pret .p-cas-carte { grid-area: 1 / 1; }
html.v-pret .p-cas-demo { grid-area: 2 / 1; }
html.v-pret .p-cas-carte:not(.is-choisi) { visibility: hidden; opacity: 0; pointer-events: none; }
html.t-anime .p-cas-carte { transition: opacity .32s ease, translate .5s var(--dn-levee), visibility 0s linear; }
html.t-anime .p-cas-carte:not(.is-choisi) { translate: 0 10px; transition: opacity .18s ease, translate .18s ease, visibility 0s linear .18s; }
html.t-anime .p-cas-carte.is-choisi::before { animation: p-cas-reflet 1.1s var(--dn-glisse) .05s both; }
@keyframes p-cas-reflet { from { translate: -70% 0; } to { translate: 70% 0; } }
html.t-anime .p-cas-carte :is(.p-cas-c-sit, .p-cas-gestes li, .p-cas-chiffre, .p-cas-offre) { transition: opacity .4s ease, translate .55s var(--dn-levee); }
html.t-anime .p-cas-carte.is-choisi .p-cas-c-sit { transition-delay: .06s; }
html.t-anime .p-cas-carte.is-choisi .p-cas-gestes li { transition-delay: calc(.14s + var(--k, 0) * .07s); }
html.t-anime .p-cas-carte.is-choisi .p-cas-chiffre { transition-delay: .34s; }
html.t-anime .p-cas-carte.is-choisi .p-cas-offre { transition-delay: .42s; }
html.t-anime .p-cas-carte:not(.is-choisi) :is(.p-cas-c-sit, .p-cas-gestes li, .p-cas-chiffre, .p-cas-offre) { opacity: 0; translate: 0 12px; transition-duration: 0s; }
html.t-anime .p-cas-carte.is-choisi .p-cas-chiffre b { animation: dn-reflet 1.6s var(--dn-levee) .4s backwards; }
html.v-pret .p-cas-choix[data-v-entre] > .p-cas-b { transition: opacity .5s ease calc(var(--i) * 60ms), translate .6s var(--dn-levee) calc(var(--i) * 60ms), box-shadow .3s ease, background .3s ease; }
html.v-pret .p-cas-choix[data-v-entre]:not(.is-vu) > .p-cas-b { opacity: 0; translate: -16px 0; }
@media (max-width: 899.98px) {
  .p-cas-grille { grid-template-columns: minmax(0, 1fr); }
  html.v-pret .p-cas-choix { grid-template-columns: repeat(var(--p-cas-n, 3), minmax(0, 1fr)); gap: 8px; }
  html.v-pret .p-cas-b { align-content: center; min-height: 64px; padding: 12px 12px 12px 14px; }
  html.v-pret .p-cas-puce { font-size: 14px; letter-spacing: -.02em; }
  html.v-pret .p-cas-sit { display: none; }
  html.v-pret .p-cas-cartes { position: relative; top: auto; }
}
@media (max-width: 420px) { html.v-pret .p-cas-puce { font-size: 13px; } }

.s-raison-objet { display: flex; align-items: center; min-height: 112px; margin-bottom: 8px; }
.p-obj { position: relative; width: 100%; max-width: 340px; }
.p-obj--bot { display: grid; grid-template-columns: auto minmax(30px, 1fr) auto; align-items: center; }
.p-obj-pilule { padding: 9px 13px; border-radius: var(--dn-r-rond); background: var(--dn-satin-fond); border: 1px solid #ffffff24; font: 700 12px/1 var(--dn-texte); color: var(--dn-argent-1); white-space: nowrap; box-shadow: inset 0 1px 0 #ffffff17; }
.p-obj-coupe { position: relative; display: flex; align-items: center; height: 26px; }
.p-obj-coupe i { flex: 1; height: 2px; background: repeating-linear-gradient(90deg, #ffffff80 0 6px, transparent 6px 10px); }
.p-obj-coupe i:first-child { margin-right: 15px; } .p-obj-coupe i:nth-child(2) { margin-left: 15px; }
.p-obj-coupe b { position: absolute; left: 50%; top: 50%; translate: -50% -50%; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #0b0c0e; border: 1px solid #ffffff5c; font: 700 15px/1 var(--dn-texte); color: #fff; }
.p-obj-sous { grid-column: 1 / -1; justify-self: center; margin-top: 12px; font: 700 12px/1 var(--dn-texte); letter-spacing: .1em; text-transform: uppercase; color: var(--dn-argent-3); }
.p-obj--base { display: grid; gap: 8px; }
.p-obj-l { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: 10px; align-items: center; margin: 0; padding: 6px 14px 6px 6px; border-radius: 14px; background: #ffffff08; border: 1px solid #ffffff14; }
.p-obj-l img, .p-obj-vide { grid-row: span 2; width: 36px; height: 36px; border-radius: 10px; object-fit: cover; background: #ececec; }
.p-obj-vide { background: repeating-linear-gradient(135deg, #ffffff10 0 4px, transparent 4px 8px), #121417; border: 1px dashed #ffffff40; }
.p-obj-l span { align-self: end; font: 650 13px/1.1 var(--dn-texte); color: #fff; }
.p-obj-l small { grid-column: 2; align-self: start; font-size: 12px; color: var(--dn-argent-3); }
.p-obj-l b { grid-column: 3; grid-row: 1 / 3; font: 600 20px/1 var(--dn-titre); letter-spacing: -.04em; color: #fff; }
.p-obj-l--muet { border-style: dashed; }
.p-obj-l--muet b { color: var(--dn-argent-4); }
.p-obj--disparu { display: flex; align-items: center; gap: 18px; }
.p-obj-annonce { position: relative; display: grid; align-content: end; gap: 6px; width: 76px; height: 96px; padding: 10px; border-radius: 14px; border: 1.5px dashed #ffffff59; opacity: .55; }
.p-obj-annonce i { height: 5px; border-radius: 3px; background: #ffffff2e; }
.p-obj-annonce i:first-child { position: absolute; left: 10px; right: 10px; top: 10px; height: 42px; border-radius: 8px; background: #ffffff14; }
.p-obj-annonce i:last-child { width: 60%; }
.p-obj-etat { display: grid; justify-items: start; gap: 10px; }
.p-obj-etat b { padding: 8px 12px; border-radius: var(--dn-r-rond); background: #f4f6f8; color: var(--dn-charbon); font: 800 12px/1 var(--dn-texte); letter-spacing: .08em; text-transform: uppercase; }
.p-obj-etat s { position: relative; font: 700 14px/1 var(--dn-texte); color: var(--dn-argent-3); text-decoration: none; }
.p-obj-etat s::after { content: ""; position: absolute; left: -3px; right: -3px; top: 50%; height: 2px; background: var(--dn-argent-2); }
.s-confiance.is-arme .p-obj-coupe i:first-child { margin-right: 0; } .s-confiance.is-arme .p-obj-coupe i:nth-child(2) { margin-left: 0; }
.s-confiance.is-arme .p-obj-coupe b { scale: 0; }
.s-confiance.is-arme.is-joue .p-obj-coupe i { transition: margin .7s var(--dn-ressort) calc(var(--i) * 120ms + .5s); }
.s-confiance.is-arme.is-joue .p-obj-coupe i:first-child { margin-right: 15px; } .s-confiance.is-arme.is-joue .p-obj-coupe i:nth-child(2) { margin-left: 15px; }
.s-confiance.is-arme.is-joue .p-obj-coupe b { scale: 1; transition: scale .5s var(--dn-ressort) calc(var(--i) * 120ms + .75s); }
.s-confiance.is-arme .p-obj-l { opacity: 0; translate: 0 10px; }
.s-confiance.is-arme.is-joue .p-obj-l { opacity: 1; translate: 0 0; transition: opacity .5s ease calc(var(--i) * 120ms + .45s), translate .6s var(--dn-levee) calc(var(--i) * 120ms + .45s); }
.s-confiance.is-arme.is-joue .p-obj-l + .p-obj-l { transition-delay: calc(var(--i) * 120ms + .65s); }
.s-confiance.is-arme .p-obj-annonce { opacity: 1; border-style: solid; }
.s-confiance.is-arme.is-joue .p-obj-annonce { opacity: .55; border-style: dashed; transition: opacity .9s ease calc(var(--i) * 120ms + .5s), border-style 0s linear calc(var(--i) * 120ms + .9s); }
.s-confiance.is-arme .p-obj-etat b { opacity: 0; scale: .7; }
.s-confiance.is-arme.is-joue .p-obj-etat b { opacity: 1; scale: 1; transition: opacity .3s ease calc(var(--i) * 120ms + 1s), scale .5s var(--dn-ressort) calc(var(--i) * 120ms + 1s); }
.s-confiance.is-arme .p-obj-etat s::after { scale: 0 1; transform-origin: 0 50%; }
.s-confiance.is-arme.is-joue .p-obj-etat s::after { scale: 1 1; transition: scale .5s var(--dn-levee) calc(var(--i) * 120ms + 1.3s); }

.s-offres-dit { margin: 18px 0 0; max-width: 60ch; font-size: 16px; line-height: 1.6; color: var(--dn-argent-2); text-wrap: pretty; }

.p-autres-liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 268px), 1fr)); gap: 14px; margin-top: clamp(28px, 4vw, 44px); }
.p-autre a { position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr); grid-template-rows: auto auto 1fr; column-gap: 14px; row-gap: 4px; height: 100%; padding: 20px 44px 22px 20px; border-radius: 20px; background: linear-gradient(180deg, #15171bf2, #0d0f12f2); box-shadow: inset 0 1px 0 #ffffff1a, 0 0 0 1px #ffffff12; color: inherit; text-decoration: none; overflow: hidden; overflow: clip; isolation: isolate; transition: translate var(--dn-t-2, .28s) var(--dn-levee, ease), box-shadow var(--dn-t-2, .28s) ease; }
.p-autre a::before { content: ""; position: absolute; z-index: -1; inset: -40% -60%; pointer-events: none; background: linear-gradient(115deg, transparent 42%, #ffffff0f 47%, #ffffff24 50%, #ffffff0f 53%, transparent 58%); translate: -60% 0; }
.p-autre a:hover { translate: 0 -3px; box-shadow: inset 0 1px 0 #ffffff2e, 0 0 0 1px #ffffff2b, 0 24px 40px -24px #000; }
.p-autre a:hover::before { translate: 60% 0; transition: translate .9s var(--dn-glisse, ease); }
.p-autre a:focus-visible { outline: 2px solid var(--dn-bleui-1); outline-offset: 3px; }
.p-autre-ic { grid-row: 1 / span 3; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; background: linear-gradient(160deg, #2a2e34, #121417); box-shadow: inset 0 1px 0 #ffffff26, 0 0 0 1px #ffffff14; transition: background var(--dn-t-2, .28s) ease; }
.p-autre a:hover .p-autre-ic { background: linear-gradient(160deg, #3a3f46, #16181c); }
.p-autre-ic svg { width: 22px; height: 22px; fill: none; stroke: var(--dn-argent-1); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.p-autre-nom { font: 600 17px/1.2 var(--dn-titre); letter-spacing: -.02em; color: var(--dn-argent-1); }
.p-autre-nom small { display: inline-block; margin-left: 6px; padding: 3px 8px; border-radius: var(--dn-r-rond); border: 1px solid #ffffff2b; font: 700 12px/1 var(--dn-texte); letter-spacing: .04em; color: var(--dn-argent-2); vertical-align: 2px; }
.p-autre-q { font-size: 14px; font-weight: 700; color: var(--dn-argent-2); }
.p-autre-dit { font-size: 14px; line-height: 1.5; color: var(--dn-argent-3); }
.p-autre a::after { content: ""; position: absolute; right: 22px; top: 26px; width: 8px; height: 8px; border-top: 1.6px solid var(--dn-argent-3); border-right: 1.6px solid var(--dn-argent-3); rotate: 45deg; transition: translate var(--dn-t-2, .28s) var(--dn-levee, ease); }
.p-autre a:hover::after { translate: 3px 0; border-color: var(--dn-argent-1); }
html.v-pret .p-autres-liste[data-v-entre] > li { transition: opacity .48s ease calc(var(--i, 0) * 50ms), translate .48s var(--dn-levee, ease) calc(var(--i, 0) * 50ms); }
html.v-pret .p-autres-liste[data-v-entre]:not(.is-vu) > li { opacity: 0; translate: 0 18px; }
.p-autres-liste > li:nth-child(2) { --i: 1; } .p-autres-liste > li:nth-child(3) { --i: 2; } .p-autres-liste > li:nth-child(4) { --i: 3; }
.p-autres-liste > li:nth-child(5) { --i: 4; } .p-autres-liste > li:nth-child(6) { --i: 5; } .p-autres-liste > li:nth-child(7) { --i: 6; }

.p-heros--mg { padding: calc(var(--vt-tete-h) + 12px) 0 clamp(44px, 6vw, 80px); }
.p-heros--mg .mg-grille { --mg-g: var(--v-g); }
.p-heros--mg .p-fil { margin: 0; }
.p-heros--mg .mg-objet { z-index: auto; order: 0; padding-top: 0; margin-top: calc(var(--mg-pied) * var(--mg-mord) * -1); margin-bottom: 0; }
.p-heros--mg .p-drop-pivot { z-index: 2; }
.p-heros--mg .mg-objet .n-loin { z-index: 0; }
.p-heros--mg .mg-objet .n-pres { z-index: 3; }
.p-mg--verifier { --mg-mord: .32; }
.p-mg--opportunites { --mg-mord: .25; }
.p-mg--prix { --mg-mord: .15; }
.p-mg--marche, .p-mg--copilote { --mg-mord: .12; }
.p-mg--alertes { --mg-mord: .3; }
.p-mg--stock { --mg-mord: .1; }
.p-mg--produit { --mg-mord: .05; }
.p-heros--mg .p-lede { margin-top: 16px; }
.p-heros--mg .p-cta { margin-top: 24px; }
@media (max-width: 699.98px) {
  .p-heros--mg .mg-objet { justify-self: stretch; width: auto; margin-inline: calc(var(--mg-g) * -1); }
  .p-heros--mg .p-drop-pied, .p-heros--mg .p-drop--tel .p-drop-pied { top: auto; bottom: 6%; right: 16px; left: auto; }
  .p-heros--mg .p-cta .dn-btn { flex: 1 1 100%; }
}
@media (min-width: 700px) and (max-width: 1099.98px) {
  .p-heros--mg .mg-grille { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 28px; grid-template-areas: "haut haut" "mot mot" "suite objet" "bas objet"; grid-template-rows: auto auto auto 1fr; }
  .p-heros--mg .mg-titre { grid-column: 1 / -1; }
  .p-heros--mg .mg-objet { grid-row: suite-start / bas-end; justify-self: stretch; align-self: start; width: auto; margin-inline: 0; margin-bottom: 0; }
  .p-heros--mg .mg-bas { padding-bottom: 24px; }
  @supports (grid-template-rows: subgrid) {
    .p-heros--mg .mg-titre > .mg { grid-column: 1 / -1; }
    .p-heros--mg .mg-titre > .mg-suite { grid-row: 2; grid-column: 1; }
  }
  .p-mg--verifier { --mg-mord: .2; }
  .p-mg--verifier .n-verdict { --bx: 30%; --by: 34%; }
  .p-mg--alertes { --mg-mord: .12; }
  .p-mg--copilote { --mg-mord: -.06; }
  .p-heros--mg .p-drop--alertes .n-notifs { top: 16%; left: 0; width: 60%; gap: 8px; }
  .p-heros--mg .p-drop--alertes .n-notifs li { grid-template-columns: 28px 1fr; gap: 8px; padding: 9px 10px; border-radius: 15px; }
  .p-heros--mg .p-drop--alertes .n-notifs time { display: none; }
  .p-heros--mg .p-drop--alertes .n-notif-icone { width: 28px; height: 28px; border-radius: 9px; }
  .p-heros--mg .p-drop--alertes .p-drop-pivot { width: min(64%, 300px); }
}
@media (min-width: 1100px) {
  .p-heros--mg { padding-top: calc(var(--vt-tete-h) + 22px); }
  .p-heros--mg .mg-grille { min-height: min(calc(100svh - var(--vt-tete-h) - 22px), 920px); }
  .p-heros--mg .mg-objet { grid-row: suite-start / bas-end; justify-self: end; }
  .p-heros--mg .mg-bas { max-width: 560px; padding-bottom: 24px; }
  .p-mg--verifier { --mg-mord: .26; }
  .p-mg--opportunites { --mg-mord: .28; }
  .p-mg--prix { --mg-mord: .12; }
  .p-mg--marche { --mg-mord: .15; }
  .p-mg--copilote { --mg-mord: .1; }
  .p-mg--stock { --mg-mord: .06; }
  .p-mg--produit { --mg-mord: .04; }
  .p-mg--verifier .n-verdict { --by: 44%; }
}

@media (prefers-reduced-motion: reduce) {
  .p-autre a, .p-autre a::before, .p-autre a::after, .p-autre-ic { transition: none !important; }
  .p-heros *, .p-comment *, .p-cas *, .s-confiance * { transition: none !important; animation: none !important; }
}