html,body.lp{height:100%}body.lp{margin:0;overflow:hidden;background:#f5f7fb;color:#0b0f19;font-family:Inter,system-ui,sans-serif;min-height:100svh;height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.lp .fond{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 75% 45%,#e8efff,#f5f7fb 60%)}.lp .scene{position:absolute;right:1%;top:50%;width:58vw;height:86vh;transform:translateY(-50%)}.lp .graphe{position:absolute;left:0;top:22%;width:52%;height:56%;filter:blur(2.5px);opacity:.9}.lp .cols rect{fill:#c9d8fb;transform-origin:bottom;transform-box:fill-box;animation:monte 12s ease-out calc(var(--i) * .25s) infinite}.lp .cols rect:nth-child(3n){fill:#93b4f5}.lp .ligne{fill:none;stroke:#1d4ed8;stroke-width:5;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900;animation:trace 12s ease-out infinite}.lp .fen{position:absolute;border-radius:18px;overflow:hidden;box-shadow:0 30px 70px -30px #0b254580}.lp .barre{display:flex;align-items:center;gap:7px;padding:12px 16px;font:13px JetBrains Mono,monospace}.lp .barre i{width:11px;height:11px;border-radius:50%}.lp .barre span{margin-left:8px}.lp .term{left:0;top:4%;width:62%;background:#0b1220;border:1px solid #1f2a40}.lp .term .barre{color:#8aa0c8;border-bottom:1px solid #1f2a40}.lp .term .barre i{background:#26324a}.lp .code{margin:0;padding:18px 20px;min-height:290px;font:16px/1.7 JetBrains Mono,monospace;color:#9fe3b9;white-space:pre-wrap}.lp .chat{right:9%;top:50%;transform:translateY(-50%);width:50%;background:#fff;border:1px solid #dbe3f1}.lp .chat .barre{color:#64748b;border-bottom:1px solid #edf1f8}.lp .chat .barre i{background:#dbe3f1}.lp .bulles{padding:16px;display:grid;gap:10px;font-size:16px;min-height:330px;align-content:start}.lp .frappe:after{content:"▍";margin-left:2px;color:currentColor;animation:clign 1s steps(1) infinite}@keyframes clign{50%{opacity:0}}.lp .b{margin:0;padding:11px 15px;border-radius:14px;line-height:1.45}.lp .moi{background:#1d4ed8;color:#fff;justify-self:end;max-width:85%;border-bottom-right-radius:4px}.lp .ia{background:#f1f5ff;color:#0b2545;border-bottom-left-radius:4px}@keyframes monte{0%{transform:scaleY(0)}35%,to{transform:scaleY(1)}}@keyframes trace{0%{stroke-dashoffset:900}50%,to{stroke-dashoffset:0}}@keyframes ecrire{0%{clip-path:inset(0 100% 0 0)}45%,to{clip-path:inset(0 0 0 0)}}@keyframes parait{0%{opacity:0;transform:translateY(6px)}10%,to{opacity:1;transform:none}}.lp .contenu{position:relative;z-index:1;grid-column:1;justify-self:center;width:min(520px,calc(100vw - 32px));max-height:100svh;box-sizing:border-box;padding:20px 0}.lp .logo{width:100%;max-width:520px;height:auto;display:block;margin:0 auto 20px}.lp .pastille{display:inline-block;margin:0;padding:6px 15px;border-radius:999px;background:#fee2e2;color:#991b1b;font-size:14px;font-weight:700}.lp .pastille b{font-weight:900}.lp h1{font-size:clamp(30px,3.6vw,46px);line-height:1.06;font-weight:900;letter-spacing:-.025em;margin:0 0 12px;text-align:center}.lp h1 em{font-style:normal;color:#1d4ed8}.lp .sous{margin:0 0 20px;color:#475569;font-size:16.5px;line-height:1.5;text-align:center;hyphens:none}.lp form{display:grid;gap:11px}.lp .f span{display:block;font-size:13.5px;font-weight:600;margin:0 0 5px}.lp .f input{width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:12px 14px;border:1.5px solid #cbd5e1;border-radius:12px;background:#fff;color:#0b0f19}.lp .f input:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed826}.lp .piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.lp .btn-wl{margin-top:6px;font:inherit;font-weight:800;font-size:17px;padding:15px 18px;border:0;border-radius:12px;background:#1d4ed8;color:#fff;cursor:pointer;box-shadow:0 12px 26px -12px #1d4ed8bf}.lp .btn-wl:hover{background:#1e40af}.lp .btn-wl:disabled{opacity:.7;cursor:wait}.lp .promo{margin:4px 0 0;text-align:center}.lp .msg{min-height:1.2em;margin:0;font-size:14px;color:#b91c1c}.lp .ok[hidden],.lp form[hidden]{display:none}.lp .coche{width:58px;height:58px;border-radius:50%;background:#dcfce7;color:#15803d;font-size:30px;font-weight:900;display:grid;place-items:center;margin:4px 0 12px}.lp .ok h2{margin:0 0 8px;font-size:26px;font-weight:900}.lp .ok p{margin:0;color:#475569;font-size:16px;line-height:1.5}@media(max-width:900px){body.lp{grid-template-columns:1fr}.lp .scene{right:-30%;width:120vw;height:100vh;filter:blur(5px);opacity:.28}.lp .contenu{text-align:center}.lp .logo{width:82%;margin:0 auto 16px}.lp .sous{text-align:center}.lp form{text-align:left}.lp .coche{margin:4px auto 12px}}@media(max-height:720px){.lp .logo{width:78%;margin-bottom:12px}.lp .pastille{margin-bottom:8px;font-size:13px}.lp h1{font-size:28px;margin-bottom:8px}.lp .sous{font-size:14.5px;margin-bottom:12px}.lp form{gap:8px}.lp .f input{padding:10px 12px}.lp .btn-wl{padding:13px 16px}}@media(max-height:600px){.lp .sous{display:none}.lp .logo{width:62%}}@media(prefers-reduced-motion:reduce){.lp *{animation:none!important}.lp .ligne{stroke-dashoffset:0}}
