.demo-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:3rem;align-items:center}
.demo-hero-grid h1{font-size:clamp(2.7rem,5.5vw,4.8rem)}
.demo-dossier{padding:2rem;background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:0 24px 65px #1a3a2a12}
.demo-dossier h2{font-size:1.6rem;margin:1.3rem 0}
.demo-timeline{list-style:none;padding:0;margin:0}
.demo-timeline li{padding:1rem 1rem 1rem 1.4rem;border-left:2px solid #dce6df}
.demo-timeline strong,.demo-timeline span{display:block}
.demo-timeline span{font-size:.9rem;color:var(--muted)}
.demo-timeline .demo-current{border-color:var(--accent);background:var(--accent-pale);border-radius:0 12px 12px 0}
.demo-offer{background:var(--cream)}
.demo-offer h2{font-size:2rem}
#demande{scroll-margin-top:6rem}
.demo-honeypot{position:absolute;left:-9999px}
.demo-skip{position:absolute;top:-100px;left:1rem;z-index:2000;background:#fff;padding:1rem}
.demo-skip:focus{top:1rem}
#demoStatus:empty{display:none}
#demoStatus{padding:1rem;border-left:3px solid var(--accent);background:var(--accent-pale)}
#demoStatus[data-error]{border-color:#a02c24;background:#fff0ee;color:#782019}
#demoSubmit:disabled{opacity:.65;cursor:wait}
@media(max-width:850px){.demo-hero-grid{grid-template-columns:1fr;gap:2rem}.demo-dossier{padding:1.4rem}.demo-hero-grid .actions a{width:100%}}