.cl{--pv-line:color-mix(in srgb, var(--txt) 10%, transparent);--cl-black:color-mix(in srgb, var(--bg) 40%, #000);z-index:1;color:var(--txt);background:var(--bg);padding:0 max(16px, var(--gutter-h)) clamp(96px, 10vw, 140px);position:relative}.cl-head{text-align:center;justify-items:center;max-width:720px;margin:0 auto 56px;display:grid}.cl-head .cq-name{text-wrap:balance}.cl .cq-name .dim{color:var(--txt-2)}.cl-scene{background:radial-gradient(70% 70% at 50% 35%, color-mix(in srgb, var(--accent) 9%, var(--cl-black)), var(--cl-black) 70%);border-radius:16px;max-width:1240px;height:620px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 40px 80px -36px #000000d9,0 2px 6px #0006}.cl-scene:before{content:"";z-index:3;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--txt) 8%, transparent);position:absolute;inset:0}.cl-scene:after{content:"";z-index:2;background:linear-gradient(transparent, var(--cl-black) 85%);height:240px;position:absolute;inset:auto 0 0}.cl-carnet{filter:drop-shadow(0 40px 60px #000c);width:min(900px,76%);height:auto;position:absolute;top:56px;left:50%;transform:translate(-50%)}.cl-note{z-index:1;text-align:center;font-size:var(--fs-label);color:var(--txt-2);margin:14px 0 0;line-height:1.3;position:relative}.cl-delais{z-index:4;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1144px;margin:-150px auto 0;padding:0 1px 1px 0;list-style:none;display:grid;position:relative}.cl-delais li{margin:0 -1px -1px 0;position:relative}.cl-delais li:first-child{z-index:3}.cl-delais li:nth-child(2){z-index:2}.cl-delais li:nth-child(3){z-index:1}.cl-case{height:150px;color:var(--txt);background:color-mix(in srgb, var(--txt) 9%, var(--bg));text-decoration:none;display:block;position:relative}.cl-pan{background:color-mix(in srgb, var(--cl-black) 78%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px var(--pv-line);align-content:space-between;padding:22px 24px;transition:transform .8s cubic-bezier(.3,.1,.2,1);display:grid;position:absolute;inset:0}.cl-case:hover .cl-pan,.cl-case:focus-visible .cl-pan{transform:translate(8px,-8px)}.cl-k{letter-spacing:-.05em;color:var(--txt);justify-content:space-between;align-items:center;font-size:20px;line-height:1.2;display:flex}.cl-k>svg{width:18px;height:18px;color:color-mix(in srgb, var(--accent) 82%, var(--txt))}.cl-v{letter-spacing:-.05em;white-space:nowrap;font-size:clamp(24px,2.4vw,34px);line-height:1.05}.cl-bas{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:64px;max-width:1240px;margin:48px auto 0;display:grid}.cl-bas .cq-p{margin:0}.cl-bas-d{justify-items:start;gap:24px;display:grid}@media (max-width:900px){.cl-scene{height:440px}.cl-carnet{width:116%;top:40px;transform:translate(-50%)}.cl-delais{margin:-110px 16px 0}.cl-case{height:118px}.cl-pan{padding:18px}.cl-bas{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:32px}}@media (max-width:560px){.cl-scene{height:360px}.cl-delais{grid-template-columns:minmax(0,1fr);margin:-80px 12px 0}.cl-delais li:first-child{z-index:1}.cl-delais li:nth-child(3){z-index:3}.cl-case{height:76px}.cl-pan{justify-content:space-between;align-items:center;gap:12px;padding:0 18px;display:flex}.cl-k{flex-direction:row-reverse;gap:10px}.cl-v{font-size:22px}.cl-k{font-size:18px}}@media (hover:none){.cl-case:hover .cl-pan{transform:none}}@media (prefers-reduced-motion:reduce){.cl-pan{transition:none}}.cl-etapes{counter-reset:none;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1144px;margin:0 auto 24px;padding:0 1px 1px 0;list-style:none;display:grid}.cl-etape{background:color-mix(in srgb, var(--cl-black) 78%, transparent);box-shadow:inset 0 0 0 1px var(--pv-line);align-content:start;gap:10px;margin:0 -1px -1px 0;padding:22px 24px 26px;display:grid}.cl-etape-n{font-size:var(--fs-label);letter-spacing:.1em;color:var(--txt-2)}.cl-etape-t{letter-spacing:-.03em;color:var(--txt);text-wrap:balance;margin:8px 0 0;font-size:20px;line-height:1.2}.cl-etape-d{font-size:var(--fs-sm);color:var(--txt-copy);text-wrap:pretty;margin:0;line-height:1.45}.cl-v-sans-scene .cl-delais{margin-top:0}@media (max-width:1100px){.cl-etapes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.cl-etapes{margin:0 16px 16px}.cl-v-sans-scene .cl-delais{margin:0 16px}}@media (max-width:560px){.cl-etapes{grid-template-columns:minmax(0,1fr);margin:0 12px 12px}.cl-etape{padding:18px 18px 20px}.cl-v-sans-scene .cl-delais{margin:0 12px}}