.hero{padding:clamp(56px,8vw,110px) 0 clamp(48px,6vw,80px)}h1{font-weight:600;font-size:clamp(40px,8.4vw,134px);line-height:.88;letter-spacing:-.045em}h1 .l{display:block;overflow:hidden;padding-bottom:.04em;white-space:nowrap}h1 .l>span{display:inline-block;transform:translateY(105%);animation:up 1s cubic-bezier(.2,.8,.2,1) forwards}h1 .l:nth-child(2)>span{animation-delay:.12s}@keyframes up{to{transform:none}}h1 .a{background:var(--cyan);padding:0 .12em;border-radius:.1em}h1 .o{color:transparent;-webkit-text-stroke:2px var(--encre)}.hero-bas{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;margin-top:48px}.lead{font-size:clamp(18px,1.6vw,22px);max-width:34ch;color:var(--ardoise)}.lead strong{color:var(--encre);font-weight:500}.actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.lien{font-weight:500;text-underline-offset:5px}.scene{position:relative;background:var(--encre);border-radius:32px;margin:0 clamp(8px,1.4vw,20px);overflow:hidden;cursor:none;isolation:isolate}.scene .fond,.scene .net{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scene .net{-webkit-mask-image:radial-gradient(circle var(--r, 190px) at var(--x, 50%) var(--y, 50%),#000 55%,transparent 100%);mask-image:radial-gradient(circle var(--r, 190px) at var(--x, 50%) var(--y, 50%),#000 55%,transparent 100%)}.scene .net:not([src]){visibility:hidden}.scene .ratio{aspect-ratio:1794/920;min-height:520px}.anneau{position:absolute;width:calc(var(--r, 190px) * 1.1);aspect-ratio:1;border:1.5px solid var(--cyan);border-radius:50%;left:var(--x, 50%);top:var(--y, 50%);transform:translate(-50%,-50%);pointer-events:none;opacity:.9}.voile{position:absolute;left:0;right:0;top:0;padding:clamp(24px,3vw,44px);display:flex;justify-content:space-between;gap:20px;pointer-events:none;color:var(--brume)}.voile p{font-size:clamp(20px,2vw,28px);font-weight:500;line-height:1.15;max-width:18ch}.voile small{font-size:14px;opacity:.7;display:block;margin-top:10px;font-weight:400}.tuiles{position:absolute;left:clamp(16px,3vw,44px);right:clamp(16px,3vw,44px);bottom:clamp(16px,3vw,44px);display:flex;gap:14px;flex-wrap:wrap;pointer-events:none}.tuile{background:var(--brume);color:var(--encre);border-radius:16px;padding:16px 20px;min-width:180px}.tuile b{display:block;font-weight:600;font-size:clamp(28px,3vw,40px);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.tuile span{font-size:14px;color:var(--ardoise);font-weight:500}.recit{padding:clamp(100px,13vw,180px) 0}.eqwrap{display:block}.recit .wrap:not(.eqwrap){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px)}.visuel{position:sticky;top:120px;height:min(72vh,640px);background:var(--blanc);border:1px solid var(--filet-brume);border-radius:28px;padding:22px;display:flex;flex-direction:column}.visuel svg{flex:1;width:100%}.visuel .legende{display:flex;justify-content:space-between;font-size:14px;color:var(--ardoise);font-weight:500;padding:4px 6px 0}.visuel .compte{font-variant-numeric:tabular-nums;color:var(--encre)}.parc{fill:transparent;stroke:var(--filet-ardoise);stroke-width:1;transition:fill .6s,stroke .6s,opacity .6s}[data-step="1"] .parc,[data-step="2"] .parc,[data-step="3"] .parc,[data-step="4"] .parc{stroke:var(--encre)}[data-step="2"] .parc:not(.car),[data-step="3"] .parc:not(.car),[data-step="4"] .parc:not(.car){opacity:.22}[data-step="2"] .car,[data-step="3"] .car{fill:var(--encre)}[data-step="3"] .car.vendu,[data-step="4"] .car.vendu{fill:transparent;opacity:.22}[data-step="4"] .car:not(.vendu){fill:var(--cyan);stroke:var(--encre)}.etapes{display:grid;gap:0}.etape{min-height:78vh;display:flex;flex-direction:column;justify-content:center;transition:opacity .5s}.etape .num{font-weight:500;font-size:16px;color:var(--ardoise);margin-bottom:18px}h2{font-weight:600;font-size:clamp(38px,4.4vw,68px);line-height:.96;letter-spacing:-.035em}.etape p{margin-top:22px;font-size:20px;max-width:34ch;color:var(--ardoise)}.eqwrap{margin-top:clamp(60px,8vw,110px)}.eqwrap .eq{justify-content:center}.eq{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;margin-top:36px;white-space:nowrap}.eq span{font-size:clamp(14px,1.9vw,28px);font-weight:500}.eq .p{background:var(--blanc);border:1px solid var(--filet-brume);border-radius:12px;padding:11px 15px}.eq .r{background:var(--cyan);border-radius:12px;padding:11px 15px;font-weight:600}.ecrans{background:var(--encre);color:var(--brume);border-radius:32px;margin:0 clamp(8px,1.4vw,20px);padding:clamp(80px,10vw,140px) 0;overflow:hidden}.ecrans h2{font-weight:500;max-width:14ch}.ecrans .intro{display:flex;justify-content:space-between;align-items:end;gap:40px;flex-wrap:wrap}.ecrans .intro p{max-width:36ch;opacity:.75;font-size:19px}.plateau{position:relative;margin-top:clamp(56px,7vw,90px);height:clamp(380px,46vw,620px);perspective:1400px}.plateau .obj{position:absolute;border-radius:14px;overflow:hidden;border:1px solid color-mix(in srgb,var(--brume) 18%,transparent);transition:transform .25s ease-out;will-change:transform}.plateau img{display:block;width:100%;height:auto}.o-liste{width:68%;left:0;top:8%;box-shadow:24px 24px color-mix(in srgb,var(--cyan) 0%,transparent)}.o-fiche{width:min(380px,32%);right:4%;top:0;box-shadow:14px 14px 0 var(--cyan)}.o-src{right:12%;bottom:6%;background:var(--brume);color:var(--encre);padding:18px 22px;border:0}.o-src b{display:block;font-weight:600;font-size:18px}.o-src span{font-size:15px;color:var(--ardoise)}.duo{padding:clamp(100px,12vw,170px) 0}.duo .wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.pan{border-radius:28px;padding:clamp(32px,4vw,56px);min-height:440px;display:flex;flex-direction:column;justify-content:space-between}.pan.blanc{background:var(--blanc);border:1px solid var(--filet-brume)}.pan.cyan{background:var(--cyan)}.pan h3{font-weight:500;font-size:18px}.pan ul{list-style:none;padding:0;display:grid;gap:6px}.pan li{font-weight:600;font-size:clamp(26px,2.7vw,40px);line-height:1.02;letter-spacing:-.025em}.pan.blanc li{text-decoration:line-through;text-decoration-thickness:3px;text-decoration-color:var(--cyan)}.inscr{padding:0 0 clamp(90px,11vw,150px)}.inscr h2{font-size:clamp(56px,9vw,150px);line-height:.88;letter-spacing:-.05em;max-width:12ch}.boite{margin-top:56px;background:var(--blanc);border:1px solid var(--filet-brume);border-radius:28px;padding:clamp(28px,5vw,60px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:48px}.boite p{color:var(--ardoise);font-size:18px;max-width:30ch}.boite .formulaire-panneau{padding:0;border:0;border-radius:0}.boite .formulaire p{font-size:inherit;max-width:none}.faq{padding:0 0 clamp(90px,11vw,150px)}.faq .wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:48px}details{border-top:1px solid var(--filet-brume);padding:26px 0}details:last-child{border-bottom:1px solid var(--filet-brume)}summary{font-size:clamp(20px,2vw,26px);font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:"+";font-weight:400;transition:transform .3s}details[open] summary:after{transform:rotate(45deg)}summary::-webkit-details-marker{display:none}details p{margin-top:14px;max-width:60ch;color:var(--ardoise)}@media(scripting:enabled){.rv{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}.rv.in{opacity:1;transform:none}.etape{opacity:.28}.etape.on{opacity:1}}@media(max-width:900px){h1 .l{white-space:normal}.hero-bas,.recit .wrap:not(.eqwrap),.duo .wrap,.boite,.faq .wrap,.formulaire{grid-template-columns:1fr}.visuel{position:relative;top:0;height:380px}.etape,.etape.on{min-height:auto;padding:40px 0;opacity:1}.eq{flex-wrap:wrap;white-space:normal}.o-liste{width:100%}.o-fiche{width:60%;top:auto;bottom:0}.o-src{display:none}.scene{cursor:auto}}@media(max-width:900px)and (scripting:enabled){.visuel{position:sticky;top:100px;z-index:5;height:34vh;padding:12px}.visuel:before{content:"";position:absolute;top:-9px;left:-1px;right:-1px;height:36px;background:linear-gradient(var(--brume),var(--brume)) top / 100% 8px no-repeat,radial-gradient(circle 28px at 100% 100%,transparent 27.5px,var(--brume) 28px) left 0 top 8px / 28px 28px no-repeat,radial-gradient(circle 28px at 0 100%,transparent 27.5px,var(--brume) 28px) right 0 top 8px / 28px 28px no-repeat}.etape,.etape.on{min-height:55vh;padding:24px 0;justify-content:flex-start}.etape{opacity:.28}.etape.on{opacity:1}}@media(prefers-reduced-motion:reduce){h1 .l>span{transform:none}.rv,.etape{opacity:1;transform:none}}