/* LE BON PITCH — simulation gratuite de vitrine (accueil) — v1 21/10/2026 */
.opt{font-weight:400;color:var(--muted)}
.rp{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center}
.rp[hidden]{display:none}
.rp-bg{position:absolute;inset:0;background:rgba(18,24,38,.55);opacity:0;transition:opacity .25s}
.rp-box{position:relative;width:100%;max-width:480px;max-height:92vh;overflow:auto;background:var(--surface);border-radius:18px 18px 0 0;padding:22px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(0,0,0,.3);transform:translateY(100%);transition:transform .25s ease-out}
.rp.on .rp-bg{opacity:1}
.rp.on .rp-box{transform:none}
.rp-x{position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;border-radius:50%;background:var(--bg);color:var(--ink);font:500 26px/1 var(--body);cursor:pointer}
.rp-title{font:700 22px/1.2 var(--display);color:var(--ink);margin:0 44px 6px 0}
.rp-sub{margin:0 0 16px;color:var(--text);font-size:15px}
.rp-form{display:flex;flex-direction:column;gap:12px}
.rp-form input,.rp-form select{font-size:16px;min-height:46px}
.rp-send{width:100%;min-height:50px;font-size:16px;margin-top:4px}
.rp-note{font-size:12.5px;color:var(--muted);margin:0}
html.rp-lock,html.rp-lock body{overflow:hidden}
@media (min-width:761px){.rp{align-items:center}.rp-box{border-radius:18px;padding-bottom:22px;transform:translateY(24px);opacity:0;transition:transform .25s,opacity .25s}.rp.on .rp-box{opacity:1}}
@media (prefers-reduced-motion:reduce){.rp-bg,.rp-box{transition:none}}
.rp-form.done .field,.rp-form.done .rp-note,.rp-form.done .rp-send{display:none}
.sm-drop{display:flex;align-items:center;gap:14px;border:2px dashed var(--line);border-radius:12px;padding:14px;cursor:pointer;background:var(--bg);color:var(--text);font-size:14.5px;line-height:1.4;position:relative}
.sm-drop.ok{border-style:solid;border-color:var(--accent)}
.sm-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.sm-drop b{color:var(--ink);font-size:15.5px}
.sm-ico{flex:none;width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--on-accent);font:500 28px/44px var(--body);text-align:center}
.sm-prev{flex:none;width:72px;height:54px;object-fit:cover;border-radius:8px;margin-left:auto}
.sm-drop.ok .sm-ico{display:none}
.rp-form.done .sm-drop{display:none}
/* bandeau « Simulation gratuite » (page d'accueil) */
.simu-band{padding-block:40px 8px}
.simu-card{display:flex;align-items:center;justify-content:space-between;gap:20px 40px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:16px;padding:28px 32px}
.simu-card h2{font-size:clamp(24px,3vw,32px);margin:6px 0 8px}
.simu-card p:not(.eyebrow){max-width:640px}
.simu-card .btn{flex:none}
@keyframes lbp-beat-s{0%,40%,100%{transform:scale(1)}8%{transform:scale(1.07)}16%{transform:scale(.98)}24%{transform:scale(1.05)}}
.simu-card .btn{animation:lbp-beat-s 2.4s ease-in-out infinite;animation-delay:.6s}
.simu-card .btn:hover,.simu-card .btn:focus-visible{animation:none;transform:scale(1.05)}
@media (prefers-reduced-motion:reduce){.simu-card .btn{animation:none}}
@media (max-width:760px){.simu-card{flex-direction:column;align-items:stretch;padding:22px 20px}.simu-card .btn{width:100%}.simu-band{padding-block:28px 0}}