@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(fonts/poppins-400.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(fonts/poppins-500.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:700;font-display:swap;src:url(fonts/poppins-700.woff2) format("woff2")}

*,*::before,*::after{box-sizing:border-box}
:root{
  --noir:#0b0a09;
  --noir-2:#131110;
  --blanc:#fff;
  --pale:rgb(255 255 255/.66);
  --filet:rgb(255 255 255/.22);
  --verre:rgb(237 235 232/.03);
  --verre-bord:rgb(237 235 232/.07);
  --verre-fort:rgb(255 255 255/.1);
  --verre-survol:rgb(255 255 255/.22);
  --voile:linear-gradient(90deg,rgb(0 0 0/.5),transparent 56%),linear-gradient(to bottom,rgb(0 0 0/.6) 0%,rgb(0 0 0/.12) 34%,rgb(0 0 0/.12) 52%,rgb(0 0 0/.62) 100%);
  --voile-compact:linear-gradient(to bottom,rgb(0 0 0/.55) 0%,rgb(0 0 0/.14) 22%,rgb(0 0 0/.58) 54%,rgb(0 0 0/.84) 100%);
  --entree:cubic-bezier(.2,0,0,1);
  --serre:-.04em;
  --titre:clamp(2.1rem,6.2vw,4.75rem);
  --grille:1.075;
  --marge:3.125rem;
}
html{font-size:calc(16px*var(--grille));-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:4.5rem;background:var(--noir)}
@media (max-width:1440px){html{font-size:calc(1.111111vw*var(--grille))}}
@media (max-width:1280px){html{font-size:calc((.434028vw + 8.666667px)*var(--grille))}}
@media (max-width:768px){html{font-size:calc((19.529412px - .980392vw)*var(--grille))}}
@media (max-width:360px){html{font-size:calc(4.444444vw*var(--grille))}}
@media (max-width:767px){:root{--marge:1.25rem}}
body{margin:0;background:var(--noir);color:var(--blanc);font-family:Poppins,sans-serif;font-weight:400;line-height:1.5;overflow-x:clip}
img,canvas{display:block}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
ul,ol,dl,dd,figure,p,h1,h2,h3,h4,h5{margin:0;padding:0;font-weight:inherit}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:2px solid var(--blanc);outline-offset:.125rem}

.header{position:fixed;inset:0 0 auto;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem var(--marge);transition:background-color .3s,backdrop-filter .3s}
.header.pleine{background:rgb(11 10 9/.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.lockup{position:relative;z-index:70;display:flex;align-items:center;gap:.7rem}
.marque{display:flex;align-items:center;font-weight:700;font-size:1.15rem;letter-spacing:var(--serre);line-height:1;white-space:pre}
.marque img{width:1.5rem;height:1.5rem;margin-right:.3rem}
.vrule{display:block;width:1px;height:1rem;background:var(--blanc)}
.tagline{width:6.6rem;font-size:.61rem;line-height:.68rem;font-weight:500}
@media (max-width:767px){.vrule,.tagline{display:none}}
.nav ul{display:flex;align-items:center;gap:2.5rem}
.nav a{position:relative;display:block;font-size:.9rem;line-height:1;font-weight:500;letter-spacing:var(--serre)}
.nav-label{display:block;transition:transform .2s var(--entree)}
.nav a:hover .nav-label{transform:translate3d(2px,0,0)}
.nav-rule{pointer-events:none;position:absolute;bottom:-.375rem;left:0;display:block;height:1px;width:100%;transform-origin:left;transform:scaleX(0);background:var(--blanc);transition:transform .2s var(--entree)}
.nav a:hover .nav-rule{transform:scaleX(1)}
@media (max-width:1023px){.nav{display:none}}
.menu-trigger{position:relative;z-index:60;display:none;width:2.75rem;height:2.75rem;flex-shrink:0;align-items:center;justify-content:center;margin-right:-.5rem}
@media (max-width:1023px){.menu-trigger{display:flex}}
.menu-glyph{position:relative;display:block;height:1.5rem;width:1.75rem}
.menu-bar{position:absolute;right:0;display:block;height:1px;transform-origin:center;background:currentColor;transition:all .25s var(--entree)}
.menu-bar-1{top:.5rem;width:100%}
.menu-bar-2{top:.9375rem;width:68%}
[data-open=true] .menu-bar-1{top:calc(50% - .5px);transform:rotate(45deg)}
[data-open=true] .menu-bar-2{top:calc(50% - .5px);width:100%;transform:rotate(-45deg)}
.menu-sheet{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;justify-content:center;height:100dvh;padding:6rem var(--marge);background:rgb(11 10 9/.94);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;transform:translate3d(0,-100%,0)}
.menu-sheet li:not(:first-child){border-top:1px solid var(--filet)}
.menu-sheet li{opacity:0}
.menu-row{display:flex;align-items:center;gap:1rem;padding-block:22px;font-size:1.75rem;line-height:1.1;font-weight:700;letter-spacing:var(--serre)}
.menu-index{width:1.5rem;flex-shrink:0;font-size:.75rem;font-weight:400;color:var(--pale)}
.menu-row>span:nth-child(2){flex:1 1 0%}

.hero{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100svh;background:var(--noir);padding:5rem var(--marge) 3.125rem}
.backdrop{position:absolute;inset:0;z-index:-10;overflow:hidden}
.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--foyer,54% 50%)}
.trail-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transform:translateZ(0);backface-visibility:hidden;opacity:0;transition:opacity .5s}
.trail-canvas.pret{opacity:1}
.airflow{position:absolute;inset:0;z-index:-10;overflow:hidden;pointer-events:none}
.airflow canvas{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen}
.scrim{position:absolute;inset:0;z-index:-10;pointer-events:none;background-image:var(--voile)}
@media (max-width:767px){.scrim{background-image:var(--voile-compact)}}
.content{position:relative;display:flex;flex:1 1 0%;align-items:flex-end;justify-content:space-between;gap:2rem}
.col{display:flex;flex-direction:column;width:40rem;max-width:100%;gap:clamp(1.25rem,4.4svh,3rem)}
.col-top{display:flex;flex-direction:column;gap:clamp(1.25rem,3.4svh,2.25rem)}
.copy{position:relative;display:flex;flex-direction:column;gap:clamp(.8rem,2.2svh,1.5rem)}
.sweep{pointer-events:none;position:absolute;left:0;right:0;top:-1rem;bottom:-1rem;z-index:0;display:block;overflow:hidden}
.streak{pointer-events:none;position:absolute;left:0;display:block;transform-origin:left;background:var(--blanc);opacity:0}
.eyebrow,.headline,.lead{position:relative;z-index:10}
.eyebrow{display:flex;align-items:center;gap:.375rem;font-size:.75rem;line-height:1.3;letter-spacing:var(--serre)}
.eyebrow svg{width:.625rem;height:.625rem;flex-shrink:0}
.headline{display:flex;flex-direction:column;align-items:flex-start;font-size:min(5.1rem,11.6svh);line-height:.92;font-weight:700;letter-spacing:var(--serre)}
.headline-line{display:block;overflow:hidden;padding-block:.14em;margin-block:-.14em;white-space:nowrap}
.headline-line>span{display:block;transform:translateY(100%);opacity:0}
.lead{width:32rem;max-width:100%;font-size:1.2rem;line-height:1.4;letter-spacing:var(--serre)}
.words{display:flex;flex-wrap:wrap}
.words-regular{column-gap:.21em}
.word{display:inline-block;opacity:0}
.actions{display:flex;align-items:center;gap:.75rem;opacity:0}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;overflow:hidden;padding:.9375rem 2rem;font-size:1rem;line-height:1.2;font-weight:500;letter-spacing:var(--serre);white-space:nowrap}
.btn-label{display:flex;align-items:center;gap:.5rem}
.wipe{position:absolute;inset:0;display:block;transform-origin:left;transform:scaleX(0);transition:transform .26s var(--entree)}
.btn:hover .wipe{transform:scaleX(1)}
.btn-primary{isolation:isolate;background:var(--blanc);color:#000}
.btn-primary .wipe{z-index:-1;background:var(--noir)}
.btn-primary .btn-label{color:#fff;mix-blend-mode:difference}
.btn-secondary{background:var(--verre-fort);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.btn-secondary .wipe{background:var(--verre-survol)}
.btn-secondary .btn-label{position:relative}
.arrow-box{display:flex;width:.4375rem;height:.4375rem;flex-shrink:0;align-items:center;justify-content:center;transition:transform .2s var(--entree)}
.btn-primary:hover .arrow-box,.menu-row:hover .arrow-box{transform:translate(5px,-5px)}
.arrow-shaft{position:relative;display:block;height:0;width:.6186875rem;flex-shrink:0;transform:rotate(-45deg)}
.arrow-shaft svg{position:absolute;top:-.345rem;left:0;height:.6903688rem;width:.6655938rem;max-width:none}
.assurances{display:flex;flex-direction:column;width:25.375rem;max-width:100%;gap:.8rem;opacity:0}
.hrule{display:block;height:1px;width:100%;background:var(--filet)}
.assurances ul{display:flex;align-items:center;gap:2rem}
.assurances li{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;line-height:1.2;font-weight:500;letter-spacing:var(--serre)}
.assurances svg{width:.75rem;height:.75rem;flex-shrink:0}

.card-slot{flex-shrink:0;position:relative;z-index:5}
@keyframes pouls{50%{opacity:.35}}

.battements{display:none}
.relief .battements{display:block;position:absolute;inset:0;pointer-events:none}
.battement{position:absolute;left:0;bottom:0;width:30rem;max-width:100%;opacity:0;will-change:opacity,transform;isolation:isolate}
.relief .battement::before{content:"";position:absolute;z-index:-1;inset:-5rem -6rem;background:radial-gradient(closest-side,rgb(0 0 0/.62),transparent)}
.battement h2{font-size:min(3.4rem,8svh);line-height:.98;font-weight:700;letter-spacing:var(--serre);margin-block:.6rem 1rem}
.battement>p:last-child{font-size:1.1rem;line-height:1.42;letter-spacing:var(--serre);max-width:27rem}
.poster-b{display:none}
.cote-haut{top:1.5rem;bottom:auto;left:auto;right:0;width:29rem}
.cote-droit{left:auto;right:17.5rem;width:26rem}
.relief .scene{height:460svh}
.relief .hero{position:sticky;top:0;height:100svh;overflow:hidden}
.relief .poster{transition:opacity .5s}
.statique .poster{height:100svh;bottom:auto}
.statique .battements{display:block;width:100%;padding-top:clamp(2rem,calc(100svh - 34rem),60svh)}
.statique .content{flex-wrap:wrap}
.statique .battement{position:relative;opacity:1;width:100%;padding-block:2rem;inset:auto}
.statique .poster-b{display:block;width:100%;height:auto;margin-bottom:1rem}

@media (min-width:768px) and (max-width:1279px){
  .col{width:60%}
  .card-slot{width:15rem}
  .cote-droit{left:0;right:auto;width:60%}
  .battement{width:60%}
  .cote-haut{left:0;right:auto;width:80%}
}
@media (max-width:767px){
  .hero{padding:4.5rem var(--marge) max(3.2rem,env(safe-area-inset-bottom));min-height:100svh}
  .content{flex-direction:column;align-items:stretch;justify-content:flex-end;gap:1rem}
  .col{width:100%;gap:.9rem}
  .col-top{gap:.9rem}
  .headline{font-size:min(10.6vw,7svh)}
  .lead{width:100%;font-size:1rem}
  .actions{gap:.5rem}
  .actions .btn{flex:1 1 0;padding-inline:.5rem;min-height:48px}
  .assurances{display:none}
  .card-slot{width:100%}
  .battement,.cote-haut,.cote-droit{left:0;right:auto;top:auto;bottom:6.4rem;width:100%}
  .battement h2{font-size:min(2.25rem,6.4svh)}
  .battement>p:last-child{font-size:1rem}
}
@media (max-height:700px) and (min-width:768px){
  .hero{padding-block:4.2rem 1.5rem}
  .assurances{display:none}
  .lead{font-size:1.05rem}
}
@media (max-height:560px){
  .card-slot{display:none}
  .cote-droit{right:0}
  .lead{display:none}
}

.bloc{position:relative;isolation:isolate;padding-block:clamp(4.5rem,11vh,8rem)}
.largeur{width:min(100%,76rem);margin-inline:auto;padding-inline:var(--marge)}
.etroit{width:min(100%,52rem)}
.fond-photo{background:var(--noir)}
.fond{width:100%;height:100svh;object-fit:cover}
.fond-photo>.fond{position:sticky;top:0;z-index:-1;margin-top:calc(-1*clamp(4.5rem,11vh,8rem));margin-bottom:calc(-100svh + clamp(4.5rem,11vh,8rem));filter:brightness(.62)}
.titre-bloc{display:flex;flex-direction:column;gap:1rem;max-width:56rem;margin-bottom:2.5rem}
.titre-bloc>p:last-child:not(.eyebrow){max-width:40rem;font-size:1.1rem;line-height:1.45;letter-spacing:var(--serre)}
.titre{font-size:var(--titre);line-height:.96;font-weight:700;letter-spacing:var(--serre)}
.ligne{display:block;overflow:hidden;padding-block:.14em;margin-block:-.14em}
.ligne>span{display:block;transform:translateY(102%);transition:transform .9s cubic-bezier(.16,1,.3,1)}
.ligne:nth-child(2)>span{transition-delay:.1s}
.ligne:nth-child(3)>span{transition-delay:.2s}
.titre.vu .ligne>span{transform:none}
.r{opacity:0;transform:translate3d(-14px,5px,0);transition:opacity .8s,transform .9s cubic-bezier(.16,1,.3,1)}
.r.vu{opacity:1;transform:none}
.verre{background:var(--verre);outline:1px solid var(--verre-bord);outline-offset:-1px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}

.chiffres{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--filet);margin-bottom:2rem}
.chiffres>div{padding:1rem 1rem 1rem 0;min-width:0}
.chiffres>div+div{padding-left:1rem;border-left:1px solid var(--filet)}
.chiffres dt{font-size:.8125rem;line-height:1.25;letter-spacing:var(--serre);min-height:2.5em}
.chiffres dd{font-size:clamp(2rem,4vw,3.2rem);line-height:1;font-weight:700;letter-spacing:var(--serre);font-variant-numeric:tabular-nums}
.onglets{display:flex;flex-wrap:wrap;gap:.35rem 2rem;margin-bottom:1rem}
.onglets button{position:relative;padding-block:.5rem;font-size:1rem;font-weight:500;letter-spacing:var(--serre);color:var(--pale);transition:color .2s}
.onglets button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--blanc);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--entree)}
.onglets button:hover{color:var(--blanc)}
.onglets [aria-selected=true]{color:var(--blanc)}
.onglets [aria-selected=true]::after{transform:scaleX(1)}
.panneaux{padding:1.5rem}
.panneau{animation:glisse .55s cubic-bezier(.16,1,.3,1)}
@keyframes glisse{from{opacity:0;transform:translate3d(-18px,6px,0)}}
.texte-panneau{max-width:40rem;margin-bottom:1.25rem}
.texte-panneau h3{font-size:1.5rem;line-height:1.1;font-weight:700;letter-spacing:var(--serre);margin-bottom:.5rem}
.texte-panneau p{letter-spacing:var(--serre);line-height:1.45}
.tableau{font-size:.95rem;letter-spacing:var(--serre)}
.rang{display:grid;grid-template-columns:1.3fr 1.3fr 1.1fr .9fr;align-items:center;gap:1rem;padding-block:.85rem;border-top:1px solid var(--filet)}
.tete-rang{border-top:0;padding-top:0;color:var(--pale);font-size:.8125rem}
.barre-s{display:flex;align-items:center;gap:.6rem;white-space:nowrap}
.barre-s u{display:block;flex:1;height:1px;background:linear-gradient(90deg,#fff var(--p),var(--filet) var(--p));text-decoration:none}
.etat{justify-self:start;display:inline-block;padding:.2rem .55rem;font-size:.75rem;font-style:normal;line-height:1.3;white-space:nowrap;outline:1px solid var(--filet);outline-offset:-1px}
.etat.plein{background:#fff;color:#000;font-weight:500}
.semaine{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--filet);outline:1px solid var(--filet);outline-offset:-1px}
.jour{background:#0e0d0c;padding:1rem}
.jour h4{font-size:.95rem;font-weight:700;letter-spacing:var(--serre);margin-bottom:.6rem}
.jour h4 small{display:block;font-size:.75rem;font-weight:400;text-transform:none;color:var(--pale)}
.jour p{display:flex;justify-content:space-between;gap:.75rem;font-size:.875rem;line-height:1.3;letter-spacing:var(--serre);padding-block:.3rem}
.jour p b{font-weight:500;white-space:nowrap}
.macros{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:1rem;border-block:1px solid var(--filet)}
.macros>div{padding-block:.75rem}
.macros small{display:block;font-size:.75rem;color:var(--pale)}
.macros b{font-size:1.6rem;font-weight:700;letter-spacing:var(--serre)}
.courbe figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;font-size:.9rem;letter-spacing:var(--serre);margin-bottom:.75rem}
.courbe b{font-weight:500}
.courbe svg{display:block;width:100%;height:9rem}
.paies p{display:grid;grid-template-columns:1fr auto 5rem;align-items:center;gap:1rem;padding-block:.75rem;border-top:1px solid var(--filet);letter-spacing:var(--serre);font-size:.95rem}
.paies b{font-weight:500;white-space:nowrap}

.appli{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.etapes{display:flex;flex-direction:column}
.etape{display:block;width:100%;text-align:left;padding:1rem 0;border-top:1px solid var(--filet);letter-spacing:var(--serre);color:var(--pale);transition:color .25s,padding-left .35s var(--entree)}
.etape b{display:block;font-size:1.25rem;font-weight:700;line-height:1.15}
.etape span{display:block;margin-top:.3rem;line-height:1.4}
.etape.actif,.etape:hover{color:var(--blanc)}
.etape.actif{padding-left:.75rem;box-shadow:inset 1px 0 0 #fff}
.tel-place{display:flex;justify-content:center}
.tel{position:relative;width:17rem;aspect-ratio:584/1264;box-sizing:content-box;padding:.5rem;background:#17181c;outline:1px solid var(--filet);outline-offset:-1px;border-radius:2.3rem;box-shadow:0 2rem 4rem rgb(0 0 0/.6);transform:rotate(3deg)}
.ecran-tel{position:absolute;inset:.5rem;overflow:hidden;border-radius:1.85rem;opacity:0;transform:translate3d(-14px,5px,0);transition:opacity .4s,transform .55s cubic-bezier(.16,1,.3,1)}
.ecran-tel.actif{opacity:1;transform:none}
.ecran-tel img{display:block;width:100%;height:100%}

.ici{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:var(--noir);position:relative;isolation:isolate}
.ici-photo{position:relative;min-height:100%;overflow:hidden;clip-path:polygon(0 0,100% 0,calc(100% - 20vw) 100%,0 100%)}
.ici-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:45% 40%}
.ici-texte{padding:clamp(4.5rem,11vh,8rem) var(--marge) clamp(4.5rem,11vh,8rem) 1rem;max-width:50rem}
.ici .titre{font-size:clamp(2.1rem,4.6vw,4rem)}
.points{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem;margin-bottom:1.5rem}
.points>div{padding-block:.9rem;border-top:1px solid var(--filet)}
.points dt{font-weight:700;letter-spacing:var(--serre);font-size:1rem;line-height:1.15;margin-bottom:.35rem}
.points dd{letter-spacing:var(--serre);line-height:1.4;font-size:.95rem}
.recu{padding:1.25rem;font-size:.95rem;letter-spacing:var(--serre)}
.recu header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;margin-bottom:.75rem}
.recu header span{color:var(--pale)}
.recu p{display:flex;justify-content:space-between;gap:1rem;padding-block:.45rem;border-top:1px solid var(--filet)}
.recu p b{font-weight:500}
.recu .fin{color:var(--pale)}
.recu .total{font-weight:700;font-size:1.2rem}
.recu .total b{font-weight:700}

.prix-bloc{background:var(--noir-2);overflow:hidden}
.prix-bloc::before{content:"";position:absolute;z-index:-1;inset:-30% -10%;background:repeating-linear-gradient(72deg,transparent 0 12vw,rgb(255 255 255/.045) 12vw calc(12vw + 1px));pointer-events:none}
.prix{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.prix .titre-bloc{margin-bottom:0}
.calcul{padding:1.75rem;display:flex;flex-direction:column;gap:1.1rem;align-items:flex-start}
.montant{display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .8rem}
.montant b{font-size:clamp(4rem,9vw,7.5rem);line-height:.95;font-weight:700;letter-spacing:var(--serre)}
.montant span{letter-spacing:var(--serre);color:var(--pale)}
.calcul label{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;width:100%;letter-spacing:var(--serre)}
.calcul output{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums}
.parclient{letter-spacing:var(--serre)}
.parclient b{font-weight:700;font-size:1.15rem;white-space:nowrap}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;margin:0;background:none;cursor:pointer}
input[type=range]::-webkit-slider-runnable-track{height:1px;background:linear-gradient(90deg,#fff var(--rempli,16%),var(--filet) var(--rempli,16%))}
input[type=range]::-moz-range-track{height:1px;background:var(--filet)}
input[type=range]::-moz-range-progress{height:1px;background:#fff}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:24px;margin-top:-12px;background:#fff;border:0;border-radius:0;transform:skewX(-18deg)}
input[type=range]::-moz-range-thumb{width:12px;height:24px;background:#fff;border:0;border-radius:0;transform:skewX(-18deg)}

.faq{background:var(--noir)}
.faq .titre{margin-bottom:2rem;font-size:clamp(1.9rem,4.5vw,3.2rem)}
details{border-top:1px solid var(--filet)}
details:last-child{border-bottom:1px solid var(--filet)}
summary{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;padding-block:1rem;font-weight:500;letter-spacing:var(--serre);cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";flex-shrink:0;font-size:1.25rem;line-height:1;transition:transform .3s var(--entree)}
details[open] summary::after{transform:rotate(45deg)}
details p{padding-bottom:1rem;letter-spacing:var(--serre);line-height:1.5;max-width:42rem}

.fin-page{position:relative;isolation:isolate;min-height:88svh;display:flex;align-items:flex-end;padding-block:4rem;overflow:hidden}
.fin-page .fond{position:absolute;inset:0;z-index:-2;height:100%;object-position:50% 60%}
.fin-page::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgb(0 0 0/.72),rgb(0 0 0/.1) 70%)}
.fin-page .largeur{width:100%}
.fin-page p{font-size:1.2rem;letter-spacing:var(--serre);margin-block:1rem 1.5rem}
.pied{display:flex;flex-wrap:wrap;gap:.5rem 2rem;padding:1.25rem var(--marge);font-size:.8125rem;letter-spacing:var(--serre);border-top:1px solid var(--filet);background:var(--noir)}
.pied span{margin-right:auto}

@media (max-width:1023px){
  .appli,.prix{grid-template-columns:1fr}
  .ici{grid-template-columns:1fr}
  .ici-photo{height:62svh;min-height:0;clip-path:polygon(0 0,100% 0,100% 82%,0 100%)}
  .ici-texte{padding:2rem var(--marge) 4rem;max-width:none}
}
@media (max-width:767px){
  .chiffres{grid-template-columns:repeat(2,1fr)}
  .chiffres>div,.chiffres>div+div{padding:.75rem .75rem .75rem 0;border-left:0;border-bottom:1px solid var(--filet)}
  .chiffres>div:nth-child(even){padding-left:.75rem;border-left:1px solid var(--filet)}
  .chiffres>div:last-child{grid-column:1/-1;border-bottom:0}
  .chiffres dt{min-height:0}
  .panneaux{padding:1rem}
  .rang{grid-template-columns:1fr auto;gap:.2rem .75rem}
  .tete-rang{display:none}
  .rang>:first-child{font-weight:500}
  .rang>:nth-child(2){grid-column:1;grid-row:2;color:var(--pale);font-size:.85rem}
  .rang>:nth-child(3){grid-column:1;grid-row:3}
  .rang>:nth-child(4){grid-column:2;grid-row:1}
  .semaine,.points{grid-template-columns:1fr}
  .macros{grid-template-columns:repeat(2,1fr)}
  .paies p{grid-template-columns:1fr auto;gap:.2rem .75rem}
  .paies p span{grid-column:1/-1}
  .tel{transform:none}
  .fin-page .titre{font-size:2rem}
  .btn-primary.r,.calcul .btn{width:100%}
}

.cover{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;background:var(--noir);padding-inline:var(--marge)}
.cover-col{display:flex;flex-direction:column;align-items:center;width:min(80vw,26rem);gap:2.5rem}
.cover-mark{position:relative}
.cover-lockup{display:flex;align-items:center;gap:1.1rem}
.cover-lockup .marque{font-size:2.5rem}
.cover-lockup .marque img{width:3rem;height:3rem}
.cover-lockup .vrule{height:2.4rem}
.tagline-cover{width:8.2rem;font-size:.82rem;line-height:.95rem;font-weight:500}
.cover-latent{opacity:.25}
.cover-lit{position:absolute;inset:0}
.cover-streaks{pointer-events:none;position:absolute;left:-2rem;right:-2rem;top:-1.5rem;bottom:-1.5rem;display:block;overflow:hidden}
.cover-bar-track{display:block;height:1px;width:100%;background:var(--filet)}
.cover-bar-fill{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(0);background:var(--blanc)}
.cover-progress{display:flex;flex-direction:column;width:100%;gap:.625rem}
.cover-pct{font-size:.62rem;line-height:1;color:var(--pale)}
@media (max-width:767px){
  .cover-lockup{gap:.7rem}
  .cover-lockup .marque{font-size:1.8rem}
  .cover-lockup .marque img{width:2.1rem;height:2.1rem}
  .tagline-cover{width:6rem;font-size:.62rem;line-height:.74rem}
}

.cursor{pointer-events:none;position:fixed;top:0;left:0;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:9999px;background:#fff;opacity:0;mix-blend-mode:difference;will-change:transform;z-index:90}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .nav-label,.nav-rule,.wipe,.arrow-box,.ligne>span,.r,.ecran-tel,.panneau{transition:none;animation:none}
}

:root{--rond:1.25rem;--rond-petit:.75rem}
.btn,.verre,.semaine,.fenetre,.calcul,.facture{border-radius:var(--rond);overflow:hidden}
input[type=range]::-webkit-slider-thumb{border-radius:6px;transform:none}
input[type=range]::-moz-range-thumb{border-radius:6px;transform:none}

:root{--degrade:linear-gradient(95deg,#ffb066,#ff6a3a 42%,#ee4274 72%,#a24bf0)}
.headline,.titre{line-height:1.04;letter-spacing:-.035em}
.headline-line:last-child>span,.titre .ligne:nth-child(n+2):last-child>span{width:fit-content;padding-bottom:.14em;margin-bottom:-.14em;background:var(--degrade);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{border-radius:999px}
.etape{border-top-color:transparent;border-radius:var(--rond);padding-inline:1rem}
.etape.actif{padding-left:1rem;box-shadow:none;background:var(--verre-fort);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.ici,.prix-bloc,.faq{background:radial-gradient(60% 70% at 100% 0,rgb(162 75 240/.16),transparent 70%),radial-gradient(55% 65% at 0 100%,rgb(255 122 58/.14),transparent 70%),var(--noir)}
.ici-photo{margin:1.5rem;min-height:calc(100% - 3rem);border-radius:1.5rem;clip-path:none}

#appli{background:var(--noir)}
.tel-place{position:relative}
.tel{position:relative;width:min(19rem,calc((100svh - 7rem)*.462));aspect-ratio:390/844;box-sizing:border-box;padding:3px;background:linear-gradient(135deg,#8d8f96,#3b3c42 18%,#1f2024 50%,#4a4b52 82%,#a2a4ab);outline:0;border-radius:3.1rem;box-shadow:0 0 0 1px #000,0 2.5rem 5rem rgb(0 0 0/.75);transform:none;overflow:visible;-webkit-backdrop-filter:none;backdrop-filter:none}
.tel::before,.tel::after{content:none}
.tel-bouton{position:absolute;width:3px;background:linear-gradient(180deg,#6b6d74,#2a2b30 50%,#6b6d74)}
.tel-bouton.b1{left:-3px;top:15%;height:4%;border-radius:2px 0 0 2px}
.tel-bouton.b2{left:-3px;top:22%;height:7.5%;border-radius:2px 0 0 2px}
.tel-bouton.b3{left:-3px;top:31%;height:7.5%;border-radius:2px 0 0 2px}
.tel-bouton.b4{right:-3px;top:25%;height:12%;border-radius:0 2px 2px 0}
.tel-vitre{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;background:#0e0f13;border:.5rem solid #020203;border-radius:calc(3.1rem - 3px)}
.tel-vitre::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgb(255 255 255/.07),transparent 28%)}
.tel-etat{position:relative;flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:5.2%;min-height:2.1rem;padding:.4rem 1.3rem 0;color:#fff;font-size:.72rem}
.tel-etat b{font-weight:600}
.tel-etat .ile{display:block;width:5.4rem;height:1.45rem;border-radius:1rem;background:#000}
.tel-etat span{display:flex;justify-content:flex-end;align-items:center;gap:.3rem}
.tel-ecrans{position:relative;flex:1;min-height:0}
.ecran-tel{inset:0;border-radius:0;background:#0e0f13}
.ecran-tel img{object-fit:cover;object-position:top}

.content{position:relative}
.card-slot{position:absolute;right:5vw;bottom:0;width:auto;z-index:2;pointer-events:none}
.appareils{--tx:0;--ty:0;--sortie:0;--l:min(44vw,calc((100svh - 9rem)*1.42));position:relative;width:var(--l);padding-bottom:calc(var(--l)*.04);perspective:calc(var(--l)*2.4);transform-style:preserve-3d}
.portable{position:relative;transform-style:preserve-3d;transform:rotateY(calc(-16deg + var(--tx)*7deg)) rotateX(calc(5deg - var(--ty)*5deg)) translate3d(calc(var(--sortie)*6%),calc(var(--sortie)*8%),0);transition:transform .35s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 calc(var(--l)*.05) calc(var(--l)*.07) rgb(0 0 0/.8))}
.portable-ecran{position:relative;padding:calc(var(--l)*.016) calc(var(--l)*.014) calc(var(--l)*.02);background:#08090b;border-radius:calc(var(--l)*.024) calc(var(--l)*.024) 0 0;box-shadow:inset 0 0 0 1px #3d3f47}
.portable-ecran img{display:block;width:100%;height:auto;border-radius:calc(var(--l)*.004)}
.camera{position:absolute;top:calc(var(--l)*.0055);left:50%;width:calc(var(--l)*.005);height:calc(var(--l)*.005);margin-left:calc(var(--l)*-.0025);border-radius:50%;background:#23252b}
.portable-base{position:relative;width:112%;margin-left:-6%;height:calc(var(--l)*.022);background:linear-gradient(180deg,#5e6068,#2b2c31 55%,#141518);border-radius:0 0 calc(var(--l)*.022) calc(var(--l)*.022)}
.portable-base::before{content:"";position:absolute;top:0;left:50%;width:15%;height:45%;transform:translateX(-50%);background:#1c1d21;border-radius:0 0 calc(var(--l)*.01) calc(var(--l)*.01)}
.tel-hero{position:absolute;right:calc(var(--l)*-.02);bottom:0;width:calc(var(--l)*.235);border-radius:calc(var(--l)*.042);transform:rotateY(calc(-10deg + var(--tx)*11deg)) rotateX(calc(3deg - var(--ty)*7deg)) translate3d(calc(var(--sortie)*14%),calc(var(--sortie)*10%),calc(var(--l)*.12));transition:transform .35s cubic-bezier(.16,1,.3,1)}
.tel-hero .tel-vitre{border-width:calc(var(--l)*.0065);border-radius:calc(var(--l)*.038)}
.tel-hero .tel-etat{min-height:0;height:5.2%;padding:calc(var(--l)*.005) calc(var(--l)*.018) 0;font-size:calc(var(--l)*.011)}
.tel-hero .tel-etat svg{height:calc(var(--l)*.009);width:auto}
.tel-hero .ile{width:calc(var(--l)*.068);height:calc(var(--l)*.018);border-radius:1rem}
.tel-hero .tel-etat span{gap:calc(var(--l)*.004)}
@media (max-width:1279px){
  .content{flex-direction:column;align-items:stretch;justify-content:flex-end;gap:1.5rem}
  .col{width:100%}
  .card-slot{position:relative;right:auto;bottom:auto;order:-1;align-self:center}
  .appareils{--l:min(74vw,calc(40svh*1.42))}
}

#plateforme{background:var(--noir)}
.panneau img{display:block;width:100%;height:auto;border-radius:calc(var(--l)*.004)}
.appareils.plat{--l:min(calc(100vw - 2*var(--marge) - 3rem),68rem,calc((100svh - 5rem)*1.5));margin-inline:auto;padding-bottom:0}
.plat .portable{transform:none;transition:none}
.ici{align-items:center}
.ici-photo{display:flex;align-items:center;justify-content:center;min-height:0;height:auto;margin:0;padding:3rem 0 3rem var(--marge);overflow:visible;border-radius:0;background:none}
.appareils.cote{--l:min(38vw,calc((100svh - 8rem)*1.42));padding-bottom:0}
.cote .portable{transform:rotateY(14deg) rotateX(4deg);transition:none}
.cote-droit{right:0}
@media (max-width:1279px){
  .ici-photo{padding:2rem var(--marge) 0}
  .appareils.cote{--l:min(calc(100vw - 3*var(--marge)),calc(44svh*1.42))}
}

.appareils{--l:min(36vw,calc((100svh - 12rem)*1.42));transform-style:flat}
.appareils .portable{transform-style:flat}
.appareils .tel-hero{z-index:2;transform:rotateY(calc(-10deg + var(--tx)*11deg)) rotateX(calc(3deg - var(--ty)*7deg)) translate3d(calc(var(--sortie)*14%),calc(var(--sortie)*10%),0)}

:root{--bord:max(var(--marge),calc((100vw - 76rem)/2 + var(--marge)))}
.header,.hero,.pied{padding-inline:var(--bord)}
.card-slot{right:0}
.ici-photo{padding-left:var(--bord)}
.ici-texte{padding-right:var(--bord)}

.plateforme{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:3rem;align-items:center}
#plateforme .titre{font-size:clamp(2.1rem,3.5vw,3.2rem)}
#plateforme .titre-bloc{margin-bottom:1.5rem}
.appareils.plat{--l:calc((min(100vw,76rem) - 2*var(--marge) - 3rem)*.56);margin-inline:0 auto}
.ici-photo img{position:static;inset:auto;width:100%;height:auto;object-fit:initial}
.ici-photo{padding-right:2rem}
.appareils.cote{--l:min(30vw,calc((100svh - 8rem)*1.42))}
@media (max-width:1099px){
  .plateforme{grid-template-columns:1fr}
  .appareils.plat{--l:min(calc(100vw - 2*var(--marge) - 3rem),44rem);margin-inline:auto}
}
@media (max-width:1279px){
  .ici-photo{padding:2rem var(--marge) 0}
  .appareils.cote{--l:min(calc(100vw - 2*var(--marge) - 3rem),40rem)}
}

.plateforme{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.plateforme-texte{order:2}
.onglets{flex-wrap:nowrap;gap:0 1.1rem;overflow-x:auto;scrollbar-width:none}
.onglets button{white-space:nowrap;font-size:.95rem}
.fin-page .largeur{width:min(100%,76rem)}
.fin-page{justify-content:center}
.btn .wipe{display:none}
.btn-primary .btn-label{color:#000;mix-blend-mode:normal}
.btn-primary:hover{background:#ececee}
.btn-secondary{transition:background .25s}
.btn-secondary:hover{background:var(--verre-survol)}
@media (max-width:1099px){.plateforme-texte{order:0}}

.ici{align-items:start}
.ici-photo{position:sticky;top:6rem}
@media (max-width:1279px){
  .appareils{--l:min(74vw,calc(38svh*1.42))}
  .ici{grid-template-columns:1fr}
  .ici-photo{position:relative;top:auto;justify-content:center}
}
@media (max-width:1099px){
  .plateforme{grid-template-columns:minmax(0,1fr)}
  .plateforme-texte{order:0}
  .onglets{flex-wrap:wrap;gap:.35rem 1.25rem}
}
:root{--serre:-.012em}
.headline,.titre,.battement h2,.montant b{letter-spacing:-.035em}
.cursor{display:none}
.appareils{perspective:none}
.appareils .portable,.cote .portable{transform:translate3d(calc(var(--sortie)*6%),calc(var(--sortie)*8%),0)}
.appareils .tel-hero{transform:translate3d(calc(var(--tx)*10px + var(--sortie)*14%),calc(var(--ty)*10px + var(--sortie)*10%),0)}
.ici,.prix-bloc,.faq{background:var(--noir)}
.scene{position:relative}
.scene::after{content:"";position:absolute;inset:auto 0 0;height:30svh;background:linear-gradient(to top,var(--noir),transparent);pointer-events:none}
.fin-page::after{background:linear-gradient(to bottom,var(--noir),transparent 28%),linear-gradient(to top,rgb(0 0 0/.72),rgb(0 0 0/.1) 70%)}
.appareils{--l:min(34vw,31rem,calc((100svh - 12rem)*1.42))}
.tel{height:auto;aspect-ratio:auto}
.tel-vitre{height:auto}
.tel-ecrans{flex:none;aspect-ratio:840/1723}
.tel-hero .tel-etat{height:calc(var(--l)*.026)}
.ici{align-items:center}
.ici-photo{position:relative;top:auto;flex-direction:column;align-items:center;gap:2.5rem}
.ici-photo .recu{width:100%;max-width:40rem}
.prix-bloc::before{display:none}
.battement p{text-shadow:0 1px 14px rgb(0 0 0/.85)}
@media (hover:none){#eyebrow-slot{display:none}}
@media (max-width:1279px){
  .appareils{--l:min(74vw,calc(38svh*1.42))}
  .ici-photo{padding-inline:var(--bord)}
  .ici-texte{padding-inline:var(--bord);max-width:none}
}
.ecran-tel img{object-fit:fill}
@media (min-width:1280px){
  .ici{padding-inline:var(--bord);column-gap:3rem}
  .ici-photo{padding:3rem 0}
  .ici-texte{padding-inline:0}
  .appareils.cote{--l:calc((min(100vw,76rem) - 2*var(--marge) - 3rem)*.34)}
}
.tel-vitre{padding-bottom:1.15rem;background:#1e1f24}
.tel-hero .tel-vitre{padding-bottom:calc(var(--l)*.018)}
.ecran-tel::after{content:"";position:absolute;inset:auto 0 0;height:1.2%;background:#1e1f24}
.statique .hero{min-height:0}
.statique .poster{-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.statique .content{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:0 2rem}
.statique .col{grid-area:1/1;min-height:calc(100svh - 8.2rem);display:flex;flex-direction:column;justify-content:flex-end}
.statique .card-slot{grid-area:1/2;position:relative;right:auto;bottom:auto}
.statique .battements{grid-area:2/1/auto/-1;padding-top:5rem}
.statique .battement{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:3rem;align-content:center;align-items:center;width:100%;max-width:none}
.statique .battement>*{grid-column:2}
.statique .poster-b{grid-column:1;grid-row:1/span 3;margin:0;height:24rem;object-fit:cover;border-radius:var(--rond)}
@media (max-width:1279px){
  .statique .content{grid-template-columns:minmax(0,1fr)}
  .statique .card-slot{grid-area:1/1;justify-self:center;margin-bottom:1.5rem}
  .statique .col{grid-area:2/1;min-height:0}
  .statique .battements{grid-area:3/1}
  .statique .battement{grid-template-columns:minmax(0,1fr)}
  .statique .battement>*{grid-column:1}
  .statique .poster-b{grid-row:auto;height:auto;margin-bottom:1rem}
}
.statique .scene::after{display:none}
.statique .header{background:rgb(10 10 11/.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
@media (min-width:1280px){
  .statique .battement{grid-template-rows:1fr auto auto auto 1fr}
  .statique .poster-b{grid-row:1/-1}
  .statique .battement .eyebrow{grid-row:2}
  .statique .battement h2{grid-row:3}
  .statique .battement>p:last-child{grid-row:4}
}
.relief .battement::before{background:radial-gradient(closest-side,rgb(0 0 0/.84),rgb(0 0 0/.5) 62%,transparent)}
.montant b{font-size:clamp(3rem,5vw,4.5rem)}
.statique .battement h2{font-size:clamp(1.8rem,3vw,2.4rem)}
.statique .battement>p:last-child{font-size:1rem}
@media (min-width:1280px){
  .statique .battements{max-width:60rem;margin-inline:auto}
  .statique .battement{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .statique .poster-b{height:17rem}
  .statique .battement:nth-child(even)>*{grid-column:1}
  .statique .battement:nth-child(even) .poster-b{grid-column:2}
}
@media (min-width:1280px){.relief .cote-haut{width:25rem}}
@media (max-width:1279px){.statique .card-slot{margin-top:2rem}}
.montant b{font-size:clamp(2.8rem,4.4vw,4rem)}