.tunnel-page{--tunnel-g: 1rem;--tunnel-champ-h: 3rem;--tunnel-form-l: 35rem;--tunnel-message-lignes: 6;--tunnel-rythme: 1.125rem;--tunnel-actions-marge: 1.75rem;--tunnel-rayon: .75rem;--tunnel-ease: cubic-bezier(.2, .7, .2, 1);--tunnel-pad: clamp(1.25rem, 5.5vw, 5.5rem);--tunnel-violet: radial-gradient(44rem 34rem at 0% 0%, oklch(.5 .23 285.5 / .7), transparent 68%), radial-gradient(36rem 28rem at 100% 100%, oklch(.59 .2 39.7 / .42), transparent 64%), linear-gradient(180deg, var(--color-primary-900), var(--color-primary-950) 62%)}.tunnel-page{display:block}.tunnel-page [hidden]{display:none!important}.tunnel__brouillon{position:fixed;z-index:60;inset-block-end:1.25rem;inset-inline-start:calc(100% * 5 / 12 + var(--tunnel-pad));display:flex;align-items:center;gap:1rem;padding:.5rem .5rem .5rem 1.1rem;border-radius:99px;background:var(--text-primary);color:var(--surface-primary);box-shadow:var(--shadow-modal);font-size:.9375rem;font-weight:500;animation:tunnel-surgit .35s var(--tunnel-ease)}.tunnel__brouillon p{margin:0}.tunnel__brouillon-effacer{flex:none;block-size:2.25rem;padding:0 .9rem;border-radius:99px;border:1.5px solid currentColor;background:transparent;color:inherit;font:600 .9375rem var(--font-sans);cursor:pointer}@keyframes tunnel-surgit{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.tunnel{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto 1fr;grid-template-areas:"haut surface" "bas surface";min-block-size:100dvh}.tunnel:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:calc(100% * 5 / 12);background:var(--tunnel-violet)}.tunnel__colonne{grid-column:1;grid-row:1 / -1;position:sticky;inset-block-start:0;display:flex;flex-direction:column;block-size:100dvh;min-block-size:36rem;overflow:hidden;z-index:1}.tunnel__colonne>.tunnel__aplat--bas{flex:1}.tunnel__aplat{--text-primary: #ffffff;--text-secondary: var(--color-primary-100);position:relative;z-index:1;color:var(--text-primary);--tunnel-gauche-l: 32rem;padding-inline:max(clamp(1.25rem,4.4vw,4.5rem),calc((100% - var(--tunnel-gauche-l)) / 2))}.tunnel__aplat a{color:inherit;text-decoration-color:#ffffff73;text-underline-offset:.2em}.tunnel__aplat a:hover{text-decoration-color:currentColor}.tunnel__aplat :focus-visible{outline:3px solid #ffffff;outline-offset:2px}.tunnel__aplat--haut{grid-area:haut;padding-block:1.75rem 0}.tunnel__aplat--bas{grid-area:bas;display:flex;flex-direction:column;justify-content:flex-end;gap:1.25rem;padding-block:2rem clamp(2rem,6vh,3.5rem)}.tunnel__marque{display:inline-flex;align-items:center;text-decoration:none;--rs-brand-logo-size: 1.75rem}.tunnel__marque .rs-brand-logo{color:#fff;--rs-brand-logo-accent: #ffffff}.rs-curtain:has(.tunnel-page):after{display:none}.tunnel__promesse{margin-block-start:clamp(2rem,14vh,8rem)}.tunnel__titre{margin:0;font-family:var(--font-heading);font-weight:700;font-size:clamp(2.25rem,3.2vw,3rem);line-height:1.1;letter-spacing:-.02em;color:#fff;text-wrap:balance}.tunnel__chapo{margin:1rem 0 0;max-inline-size:28rem;font-size:1.125rem;line-height:1.55;color:var(--text-secondary)}.tunnel__cible{display:grid}.tunnel__cible>*{grid-area:1 / 1}.tunnel__cible>[data-ciblage-inactif]{visibility:hidden}.tunnel__preuves{display:grid;gap:.875rem;margin:2rem 0 0;padding:0;list-style:none}.tunnel__preuve{display:flex;align-items:center;gap:.75rem;font-size:1rem;line-height:1.5;color:#fff}.tunnel__preuve-icone{color:var(--color-primary-200)}.tunnel__clients-titre{margin:0;padding-block-start:1.5rem;border-block-start:1px solid oklch(1 0 0 / .16);font-size:.875rem;font-weight:500;line-height:1.4;color:var(--text-secondary)}.tunnel__logos{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:1.5rem 1.5rem;align-items:center;margin:0;padding:0;list-style:none}.tunnel__logo{display:flex;align-items:center;block-size:1.5rem;min-inline-size:0}.tunnel__logo img{display:block;block-size:1.375rem;inline-size:auto;max-inline-size:100%;object-fit:contain;object-position:left center;filter:brightness(0) invert(1);opacity:.88}.tunnel__surface{grid-column:2;grid-row:1 / -1;position:relative;z-index:1;display:flex;flex-direction:column;background:var(--surface-primary);min-inline-size:0}.tunnel__surface:focus{outline:none}.tunnel__corps{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem var(--tunnel-pad) 1.5rem}.tunnel__form{inline-size:100%;max-inline-size:var(--tunnel-form-l)}.tunnel__form .rs-error-summary:focus-visible{border-radius:var(--radius-xl)}.tunnel__masque{position:absolute!important;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.tunnel__masque:focus{outline:none}.tunnel__etape>*+*{margin-block-start:var(--tunnel-rythme)}.tunnel__etape>.tunnel__masque+*{margin-block-start:0}.tunnel__etape>.tunnel__rappel+.tunnel__champ{margin-block-start:var(--tunnel-rythme)}.tunnel__rang{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.tunnel__champ{position:relative;display:flex;flex-direction:column;min-inline-size:0}.tunnel__champ .rs-input,.tunnel__champ .rs-select,.tunnel__champ .rs-textarea,.tunnel__champ .rs-combobox{display:flex;flex-direction:column;min-inline-size:0}.tunnel__champ .rs-form__label,.tunnel__champ .rs-select__label,.tunnel__champ .rs-combobox__label,.tunnel__champ .rs-textarea__label{font-size:.9375rem;font-weight:500;line-height:1.55;color:var(--text-primary);margin-block-end:.4rem}.tunnel__champ .rs-form__optional{font-weight:400;font-size:.875rem;color:var(--text-tertiary)}.tunnel__champ .rs-form__required{display:none}.tunnel__champ .rs-input__field,.tunnel__champ .rs-select__field,.tunnel__champ .rs-combobox__input,.tunnel__champ .rs-textarea__field{inline-size:100%;block-size:var(--tunnel-champ-h);min-block-size:var(--tunnel-champ-h);padding:0 1rem;border:1px solid var(--border-strong);border-radius:var(--tunnel-rayon);background:var(--surface-primary);color:var(--text-primary);font:400 1rem/1.4 var(--font-sans);transition:border-color .15s,box-shadow .15s,background-color .3s;appearance:none}.tunnel__champ .rs-input__field::placeholder,.tunnel__champ .rs-combobox__input::placeholder,.tunnel__champ .rs-textarea__field::placeholder{color:var(--text-secondary);opacity:.75}.tunnel__champ .rs-input__field:hover,.tunnel__champ .rs-select__field:hover,.tunnel__champ .rs-combobox__input:hover,.tunnel__champ .rs-textarea__field:hover{border-color:var(--border-control-hover)}.tunnel__champ .rs-input__field:focus,.tunnel__champ .rs-select__field:focus,.tunnel__champ .rs-combobox__input:focus,.tunnel__champ .rs-textarea__field:focus{outline:none;border-color:var(--color-primary-600);box-shadow:0 0 0 4px oklch(.59 .25 285.5 / .22)}.tunnel__champ--message .rs-textarea__field{block-size:calc(var(--tunnel-message-lignes) * 1.4em + 1.6rem);min-block-size:calc(var(--tunnel-message-lignes) * 1.4em + 1.6rem);padding-block:.8rem;resize:vertical}.tunnel__champ--auto .rs-input__field{background:var(--surface-brand-subtle)}.tunnel__champ--ok .rs-input__field:not(:focus),.tunnel__champ--ok .rs-select__field:not(:focus),.tunnel__champ--ok .rs-combobox__input:not(:focus){border-color:var(--color-primary-600)}.tunnel__champ .rs-select__field,.tunnel__champ .rs-combobox__input{padding-inline-end:2.75rem;text-overflow:ellipsis}.dark .tunnel__champ .rs-select__field option{background:var(--surface-elevated);color:var(--text-primary)}.tunnel__champ .rs-combobox__panel{z-index:20}.tunnel__champ .rs-form__help{margin:.4rem 0 0;font-size:.9375rem;line-height:1.55;color:var(--text-secondary)}.tunnel__note{margin:.4rem 0 0;font-size:.9375rem;line-height:1.55;color:var(--text-primary);display:flex;gap:.5rem;align-items:baseline}.tunnel__note:before{content:"";flex:none;inline-size:.5rem;block-size:.5rem;border-radius:50%;background:var(--color-primary-500)}.tunnel__aide{margin:.4rem 0 0;font-size:.9375rem;line-height:1.55;color:var(--text-secondary)}.tunnel__err{margin:0;font-size:.9375rem;font-weight:500;color:var(--text-primary)}.tunnel__err:empty{display:none}.tunnel__champ--erreur .tunnel__err{display:flex;gap:.5rem;align-items:baseline;margin-block-start:.4rem}.tunnel__champ--erreur .tunnel__err:before{content:"";flex:none;inline-size:.6rem;block-size:.6rem;border-radius:50%;background:var(--color-accent-500);transform:translateY(-.05rem)}.tunnel__champ--erreur .rs-input__field,.tunnel__champ--erreur .rs-select__field,.tunnel__champ--erreur .rs-combobox__input{border-color:var(--color-accent-600);border-width:2px;box-shadow:0 0 0 4px #f2591629}.tunnel__champ--erreur .rs-form__help{display:none}.tunnel__suggestion{position:absolute;inset-block-start:-.1rem;inset-inline-end:0;z-index:2;display:inline-flex;align-items:center;gap:.35rem;block-size:1.875rem;padding:0 .75rem;border:1px solid var(--color-primary-600);border-radius:99px;background:var(--surface-brand-subtle);color:var(--text-primary);font:600 .875rem var(--font-sans);cursor:pointer;white-space:nowrap;max-inline-size:60%;overflow:hidden;text-overflow:ellipsis}.tunnel__suggestion:before{content:"";inline-size:.5rem;block-size:.5rem;border-radius:50%;background:var(--color-primary-600);flex:none}.tunnel__suggestion:hover{background:var(--color-primary-100)}.dark .tunnel__suggestion:hover{background:var(--color-primary-900)}.tunnel__rappel{display:flex;flex-wrap:wrap;align-items:center;column-gap:.375rem;margin:0;font-size:.9375rem;line-height:1.5;color:var(--text-secondary)}.tunnel__rappel-nom{min-inline-size:0;overflow-wrap:anywhere}.tunnel-page .tunnel__rappel .rs-button{--_bg: transparent;--_bg-hover: transparent;--_text: var(--text-link);--_text-hover: var(--text-link-hover);flex:none;min-block-size:1.5rem;padding:0 .25rem;border:0;border-radius:.25rem;font-size:.9375rem;font-weight:600;line-height:1.5;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.tunnel-page .tunnel__rappel .rs-button:hover{text-decoration-thickness:2px}.tunnel__actions{display:flex;align-items:center;gap:.75rem;margin-block-start:var(--tunnel-actions-marge)!important}.tunnel__actions .rs-button{block-size:var(--tunnel-champ-h);min-block-size:var(--tunnel-champ-h);border-radius:var(--tunnel-rayon);padding-inline:1.5rem;font-size:1rem}.tunnel__actions .rs-button{flex:1;justify-content:center}.tunnel__piege{position:absolute;inset-inline-start:-10000px;inline-size:1px;block-size:1px;overflow:hidden}.tunnel__etape:not([hidden]){animation:tunnel-entree .4s var(--tunnel-ease)}@keyframes tunnel-entree{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.tunnel-page *,.tunnel-page *:before,.tunnel-page *:after{animation:none!important;transition:none!important}}@media(min-width:900px)and (max-height:800px){.tunnel-page{--tunnel-message-lignes: 4;--tunnel-rythme: .875rem;--tunnel-actions-marge: 1.25rem}.tunnel__corps{padding-block:4.5rem 1rem}}@media(max-width:899px){.tunnel{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"haut" "surface" "bas";min-block-size:0}.tunnel:before{display:none}.tunnel__colonne{display:contents}.tunnel__aplat{background:var(--tunnel-violet)}.tunnel__aplat--haut{padding:1.4rem var(--tunnel-g) 2rem}.tunnel__marque{--rs-brand-logo-size: 1.5rem}.tunnel__aplat--bas{padding:2rem var(--tunnel-g) 2.5rem}.tunnel__clients-titre{padding-block-start:0;border:0}.tunnel__promesse{margin-block-start:1.5rem}.tunnel__titre{font-size:clamp(2.125rem,9.5vw,2.75rem)}.tunnel__preuves{margin-block-start:1.5rem;gap:.625rem}.tunnel__chapo{font-size:1.0625rem;margin-block-start:.9rem}.tunnel__surface{grid-area:surface}.tunnel__corps{padding:2rem var(--tunnel-g) 2.5rem;align-items:stretch}.tunnel__suggestion{position:static;max-inline-size:100%;margin-block-end:.4rem;align-self:flex-start}.tunnel__brouillon{inset-inline:var(--tunnel-g);justify-content:space-between}.tunnel-page:has(form :focus) .tunnel__brouillon{display:none}}@media(max-width:479px){.tunnel__rang{grid-template-columns:minmax(0,1fr)}.tunnel__actions{flex-direction:column-reverse;align-items:stretch}.tunnel__actions .rs-button{inline-size:100%}.tunnel__actions .rs-button{flex:none}.tunnel__logos{gap:1.25rem 1rem}.tunnel__logo img{block-size:1.125rem}}.tunnel__champ .rs-combobox__natif{appearance:auto}
