@font-face{font-family:"Archivo";src:url("archivo.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("instrument-sans.woff2") format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("serif-italic.woff2") format("woff2");font-style:italic;font-display:swap}
.demo-barre{position:fixed;left:0;right:0;top:0;z-index:1000;height:40px;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 12px;background:#0a0a0a;color:#e9e9e6;font:500 13px/1.2 "Instrument Sans",system-ui,sans-serif;border-bottom:1px solid rgba(255,63,0,.35)}
.demo-barre b{color:#ff7a1a;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:11px;border:1px solid rgba(255,122,26,.5);border-radius:99px;padding:3px 8px}
.demo-barre a{color:#fff;background:#ff3f00;border-radius:99px;padding:6px 12px;text-decoration:none;font-weight:700;white-space:nowrap}
.demo-barre .long{opacity:.85}
@media (max-width:640px){.demo-barre .long{display:none}}
body{padding-top:40px}
.demo-voile{position:fixed;inset:0;z-index:1100;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:none;align-items:flex-end;justify-content:center;padding:16px}
.demo-voile.ouvert{display:flex}
@media (min-width:700px){.demo-voile{align-items:center}}
.demo-fenetre{width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;color:#151515;border-radius:22px;padding:26px 22px 22px;font:400 15px/1.5 "Instrument Sans",system-ui,sans-serif;box-shadow:0 30px 80px rgba(0,0,0,.4);animation:monte .35s cubic-bezier(.2,.8,.2,1)}
@keyframes monte{from{transform:translateY(40px);opacity:0}}
.demo-fenetre h3{font:800 22px/1.15 "Archivo",system-ui,sans-serif;margin:0 0 8px}
.demo-fenetre p{margin:0 0 14px;color:#555}
.demo-wa{background:#e6ddd4;border-radius:16px;padding:14px;margin:6px 0 16px}
.demo-wa .bulle{background:#d9fdd3;border-radius:12px 12px 4px 12px;padding:10px 12px;white-space:pre-wrap;font-size:14px;color:#111;box-shadow:0 1px 1px rgba(0,0,0,.12);margin-left:24px}
.demo-wa small{display:block;text-align:right;color:#667;font-size:11px;margin-top:4px}
.demo-actions{display:flex;flex-direction:column;gap:10px}
.demo-actions a,.demo-actions button{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:14px;font:700 15px "Instrument Sans",system-ui,sans-serif;border:0;cursor:pointer;text-decoration:none}
.demo-actions .oui{background:#ff3f00;color:#fff}
.demo-actions .non{background:#f0f0ee;color:#333}
.demo-note{font-size:12px;color:#888;margin-top:12px;text-align:center}