.cx{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100vh;min-height:100dvh}
.cx-visuel{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 10% 0%,#14614a 0%,#0b3a2b 55%,#06201a 100%);color:#f3eee2;padding:40px clamp(28px,5vw,64px);display:flex;flex-direction:column}
.cx-visuel::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 40% at 80% 90%,rgba(201,169,106,.18),transparent 70%);pointer-events:none}
.marque-claire{color:#fbf8f0}
.cx-scene{flex:1;display:grid;place-items:center;padding:24px 0}
.iso{width:min(460px,100%);height:auto;overflow:visible}
.cx-barres>g{transform-origin:center bottom;transform-box:fill-box;animation:monter .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d)}
.cx-courbe{stroke-dasharray:420;stroke-dashoffset:420;animation:tracer 1.6s .6s cubic-bezier(.6,0,.2,1) forwards}
@keyframes monter{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}
@keyframes tracer{to{stroke-dashoffset:0}}
.cx-texte{position:relative;z-index:1;max-width:460px}
.cx-texte .surtitre{color:#e2c98f}
.cx-accroche{font:500 clamp(26px,2.6vw,34px)/1.15 var(--serif);margin:8px 0 18px;color:#fffdf8}
.cx-garanties{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:14px;color:#d8e6dd}
.cx-garanties li{display:flex;gap:10px;align-items:flex-start}
.cx-garanties li::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;background:rgba(201,169,106,.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4 8-9' fill='none' stroke='%23e2c98f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.cx-form{display:flex;flex-direction:column;justify-content:center;padding:48px clamp(20px,6vw,88px);max-width:600px;width:100%;margin:0 auto;outline:none}
.cx-form h1{font-size:clamp(38px,4vw,48px);margin-bottom:6px}
.cx-sous{color:var(--mu);margin:0 0 26px}
.cx-retour{align-self:flex-start;font-size:13px;margin-bottom:28px;text-decoration:none;color:var(--mu)}
.cx-retour:hover{color:var(--vert-800)}
.marque-mobile{display:none;margin-bottom:24px}
.mdp{position:relative}
.mdp input{padding-right:96px}
.voir{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:var(--vert-50);color:var(--vert-800);border-radius:8px;padding:7px 10px;font:600 12px var(--sans);cursor:pointer;min-height:32px}
.cx-valider{width:100%;margin-top:6px;min-height:50px;font-size:14px}
.cx-liens{margin:20px 0 0;font-size:14px;text-align:center;color:var(--mu)}
.cx-case{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:4px 0 18px;color:var(--encre-2)}
.cx-case input{margin-top:3px;flex:none}
.cx-pied{margin-top:40px;font-size:12.5px;color:var(--mu);text-align:center}
.captcha{margin:0 0 14px;min-height:65px}
@media (max-width:900px){
  .cx{grid-template-columns:1fr}
  .cx-visuel{display:none}
  .marque-mobile{display:inline-flex}
  .cx-form{justify-content:flex-start;padding-top:28px}
}
@media (prefers-reduced-motion:reduce){.cx-barres>g,.cx-courbe{animation:none;stroke-dashoffset:0}}