.demo-page{background:var(--color-paper);padding-top:5rem}.demo-hero{padding-block:var(--respire-large) var(--respire)}.demo-hero__inner{grid-template-columns:minmax(0,1fr) minmax(22rem,29rem);align-items:start;gap:clamp(2.25rem,4.5vw,3.25rem) clamp(2.5rem,5vw,5rem);display:grid}.demo-hero__copy{position:sticky;top:calc(4rem + clamp(1.5rem,3vw,2.5rem))}.demo-hero h1{max-width:20ch;font-size:var(--type-hero-bref);font-weight:var(--weight-titre);letter-spacing:var(--tracking-titre);line-height:var(--interligne-titre);text-wrap:balance;margin:clamp(1rem,2vw,1.4rem) 0 0}.demo-hero__lead{max-width:46ch;color:var(--color-ink-muted);font-size:var(--texte-lead);line-height:var(--interligne-aere);margin:clamp(1.1rem,2.2vw,1.5rem) 0 0}.demo-hero__assurances{border-left:var(--trait-appuye) solid var(--color-ink);margin:clamp(1.75rem,3vw,2.4rem) 0 0;padding:0 0 0 clamp(1.1rem,2vw,1.4rem);list-style:none}.demo-hero__assurances li{max-width:46ch;color:var(--color-ink-muted);font-size:var(--texte);line-height:2}.demo-hero__assurances li:last-child{color:var(--color-ink);font-weight:var(--weight-fort)}.demo-hero__aside{border-top:var(--trait) solid var(--filet-appuye);max-width:46ch;margin-top:clamp(1.75rem,3vw,2.4rem);padding-top:clamp(1.5rem,3vw,2rem)}.demo-hero__aside p{max-width:46ch;color:var(--color-ink-muted);font-size:var(--texte);line-height:var(--interligne-aere);margin:0}.demo-hero__aside a{border-bottom:var(--trait) solid currentColor;color:var(--color-ink);font-size:var(--texte);font-weight:var(--weight-fort);margin-top:1.1rem;padding-bottom:.3rem;display:inline-block}.demo-hero__aside a span{transition:transform var(--transition-vive) ease;margin-left:.25rem;display:inline-block}.demo-hero__aside a:hover span,.demo-hero__aside a:focus-visible span{transform:translate(.3rem)}.demo-hero__panel{border:var(--trait-appuye) solid var(--color-ink);background:var(--color-surface);padding:clamp(1.5rem,2.6vw,2rem)}.demo-field--lead label{color:var(--color-ink);font-size:var(--texte-note)}.demo-field--lead textarea{min-height:8.5rem}.demo-form:has([data-form-progress]:not([hidden])) .form-steps__step{min-height:9.5rem}.demo-field label{color:var(--color-steel-dark);font-family:var(--font-mono);font-size:var(--label);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);line-height:var(--interligne-serre);text-transform:uppercase;margin-bottom:.2rem;display:block}.demo-field input,.demo-field select,.demo-field textarea{border:0;border-bottom:var(--trait-appuye) solid var(--filet-appuye);width:100%;padding:.3rem var(--retrait-chevron,0) .45rem 0;color:var(--color-ink);font-family:inherit;font-size:var(--texte);line-height:var(--interligne);transition:border-color var(--transition-vive) ease;appearance:none;background:0 0;border-radius:0;display:block}.demo-field textarea{resize:vertical;min-height:4.6rem}.demo-field input:hover,.demo-field select:hover,.demo-field textarea:hover{border-bottom-color:var(--color-steel)}.demo-field input:focus,.demo-field select:focus,.demo-field textarea:focus{border-bottom-color:var(--color-ink)}.demo-field input:focus-visible,.demo-field select:focus-visible,.demo-field textarea:focus-visible{outline-offset:2px}.demo-field ::placeholder{color:var(--color-ink-muted);font-size:var(--texte-dense);opacity:1}:is(.demo-field input:user-invalid,.demo-field select:user-invalid,.demo-field textarea:user-invalid){border-bottom-color:var(--color-accent)}:is(.demo-field:has(input:user-invalid) label,.demo-field:has(select:user-invalid) label,.demo-field:has(textarea:user-invalid) label){color:var(--color-accent)}.demo-form__pending{color:var(--color-steel-dark);font-size:var(--texte-dense);line-height:var(--interligne);margin:.85rem 0 0}.demo-form__pending a{border-bottom:var(--trait) solid currentColor;color:var(--color-ink)}.demo-form__leurre{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo-form__etat,.demo-form__erreur{font-size:var(--texte-dense);line-height:var(--interligne);margin:.85rem 0 0}.demo-form__etat{color:var(--color-steel-dark)}.demo-form__erreur{border-left:var(--trait-fort) solid var(--color-accent);color:var(--color-ink);padding-left:.85rem}.demo-band .scene-lue__media img{object-fit:cover;object-position:center 20%;height:clamp(12rem,32svh,20rem)}.demo-next{padding-block:var(--respire-large);background:var(--color-surface)}.demo-next h2{max-width:30rem;font-size:var(--type-section);font-weight:var(--weight-titre);letter-spacing:var(--tracking-titre);line-height:var(--interligne-titre);text-wrap:balance;margin:.9rem 0 0}.demo-timeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.75rem);margin:clamp(2.5rem,4.5vw,3.25rem) 0 0;padding:0;list-style:none;display:grid;position:relative}.demo-timeline:before{background:var(--filet-appuye);content:"";height:1px;position:absolute;top:.28rem;left:0;right:0}.demo-timeline li{padding-right:clamp(.5rem,1.5vw,1.25rem);position:relative}@supports (grid-template-rows:subgrid){.demo-timeline{grid-template-rows:auto auto;row-gap:0}.demo-timeline li{grid-row:span 2;grid-template-rows:subgrid;display:grid}}.demo-timeline__node{border:var(--trait-appuye) solid var(--color-ink);background:var(--color-surface);border-radius:50%;width:.56rem;height:.56rem;position:absolute;top:0;left:0}.demo-timeline li:first-child .demo-timeline__node{background:var(--color-ink);width:.75rem;height:.75rem;top:-.095rem}.demo-timeline li:last-child .demo-timeline__node{border-width:var(--trait-fort);width:.75rem;height:.75rem;top:-.095rem}.demo-timeline h3{color:var(--color-ink);font-size:var(--texte-chapo);font-weight:var(--weight-appui);letter-spacing:var(--tracking-appui);line-height:var(--interligne-compact);margin:1.55rem 0 0}.demo-timeline h3 span{color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--texte-mention);font-weight:var(--weight-texte);letter-spacing:var(--mono-tracking)}.demo-timeline h3 span:after{color:var(--color-ink-muted);content:"·";margin-inline:.35rem .2rem}.demo-timeline p{color:var(--color-ink-muted);font-size:var(--texte);line-height:var(--interligne);margin:.6rem 0 0}@media (width<=1040px){.demo-hero__inner{grid-template-columns:minmax(0,1fr) minmax(19rem,24rem)}}@media (width<=900px){.demo-hero__inner{grid-template-columns:minmax(0,1fr)}.demo-hero__copy{display:contents}.demo-hero__assurances,.demo-hero__aside{margin-top:0}.demo-hero__aside{order:1;max-width:36rem}.demo-hero__panel{max-width:36rem}.demo-timeline{grid-template-rows:none;grid-template-columns:minmax(0,1fr);gap:0;padding-left:1.6rem}.demo-timeline li{grid-row:auto;display:block}.demo-timeline:before{display:none}.demo-timeline li{padding:0 0 clamp(1.25rem,3vw,1.75rem)}.demo-timeline li:not(:last-child):before{background:var(--filet-appuye);content:"";width:1px;position:absolute;top:.95rem;bottom:-.1rem;left:-1.32rem}.demo-timeline li:last-child{padding-bottom:0}.demo-timeline__node{top:.16rem;left:-1.6rem}.demo-timeline li:first-child .demo-timeline__node,.demo-timeline li:last-child .demo-timeline__node{top:.065rem;left:-1.7rem}.demo-timeline h3{margin-top:0}}@media (width<=720px){.demo-page{padding-top:4.5rem}.demo-hero__panel{max-width:none;padding:1.35rem 1.25rem}.demo-hero__aside{max-width:none}.demo-field input,.demo-field select,.demo-field textarea{font-size:var(--texte-large)}}.is-motion .demo-hero__intro{--stagger:70ms}.is-motion .demo-hero__assurances{--stagger:60ms;--reveal-delay:.1s}.is-motion .demo-hero__aside{--reveal-delay:.34s}.is-motion .demo-timeline:before{transform-origin:0;transition:transform 1.05s cubic-bezier(.22,1,.36,1);transform:scaleX(0)}.is-motion .demo-timeline.is-in:before{transform:scaleX(1)}@media (width<=900px){.is-motion .demo-timeline:before{transition:none;transform:none}}@media (prefers-reduced-motion:reduce){.demo-field input,.demo-field select,.demo-field textarea,.demo-hero__aside a span{transition:none}.is-motion .demo-timeline:before{opacity:1!important;transition:none!important;transform:none!important}}