1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,63676,e=>{"use strict";let t=(0,e.i(56420).default)("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]);e.s(["X",0,t],63676)},19571,45114,e=>{"use strict";var t=e.i(43476),n=e.i(71645),a=e.i(80539);let i=new Set(["gmail.com","googlemail.com","yahoo.com","yahoo.fr","ymail.com","hotmail.com","hotmail.fr","outlook.com","outlook.fr","live.com","live.fr","msn.com","icloud.com","me.com","mac.com","aol.com","protonmail.com","protonmail.ch","proton.me","pm.me","free.fr","orange.fr","wanadoo.fr","sfr.fr","laposte.net","bbox.fr","yandex.com","yandex.ru","mail.com","gmx.com","gmx.fr","gmx.de"]),r=(0,t.jsxs)(t.Fragment,{children:["Pour toute candidature, veuillez nous contacter à l'adresse suivante :"," ",(0,t.jsx)("a",{href:"mailto:[email protected]",className:"font-semibold underline",children:"[email protected]"})]});function o({inputClassName:e,wrapperClassName:a="",warningClassName:s="mt-2 rounded-lg border border-[#da5769]/40 bg-[#da5769]/10 px-3 py-2 text-[12px] leading-snug text-[#da5769]",placeholder:l="Email",name:c="email",required:d=!1,value:u,onValueChange:p,warning:m=r}){let h,[x,b]=(0,n.useState)(""),g=u??x,f=!!(h=g.trim().toLowerCase().split("@")[1])&&i.has(h);return(0,t.jsxs)("div",{className:a,children:[(0,t.jsx)("input",{className:e,maxLength:256,name:c,type:"email",placeholder:l,required:d,value:g,onChange:e=>{b(e.target.value),p?.(e.target.value)},"aria-invalid":f}),f&&(0,t.jsx)("p",{className:s,children:m})]})}e.i(47167);var s=e.i(97004);function l({name:e="file-attachement",label:a="Insérer un fichier",triggerClassName:i,children:r,fileName:o,onFileChange:c,withHiddenInput:d=!0,uploadingLabel:u="Envoiâ¦",errorLabel:p="Ãchec, réessayez"}){let m=(0,n.useRef)(null),[h,x]=(0,n.useState)(""),[b,g]=(0,n.useState)(""),[f,v]=(0,n.useState)(!1),[w,y]=(0,n.useState)(!1),j=void 0!==o?o:h;async function k(e){let t=e.target.files?.[0];if(t){x(t.name),c?.("",t.name),v(!0),y(!1);try{let e=await (0,s.uploadFile)(t,{publicKey:"27ca007d7e674fdbcc1b"});g(e.cdnUrl??""),c?.(e.cdnUrl??"",t.name)}catch{g(""),c?.("",t.name),y(!0)}finally{v(!1)}}}let F=f?u:w?p:j?`â ${j.length>18?j.slice(0,18)+"â¦":j}`:a;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("button",{type:"button",onClick:()=>m.current?.click(),className:i,title:j||a,children:[r,F]}),(0,t.jsx)("input",{ref:m,type:"file",onChange:k,className:"hidden"}),d&&(0,t.jsx)("input",{type:"hidden",name:e,value:b})]})}let c={id:"autre",label:"Autre",icon:"other"},d={intro:"Un bon format pour donner envie, présenter rapidement une offre ou montrer un produit en action.",types:[{id:"teaser",label:"Teaser",icon:"teaser",question:"Que souhaitez-vous annoncer ?",phrase:"pour annoncer {answer}",options:["Un lancement","Un événement","Une nouveauté"]}
1,{id:"produit",label:"Présentation produit / service",icon:"product",question:"Que voulez-vous montrer ?",phrase:"pour montrer {answer}",options:["Un produit","Un service","Une fonctionnalité"]},{id:"social",label:"Réseaux sociaux",icon:"social",question:"Quel usage imaginez-vous ?",phrase:"à diffuser sur les réseaux sociaux, en {answer}",options:["Organique","Publicité","Série de contenus"]},c]},u={intro:"Assez court pour rester dynamique, assez long pour présenter clairement une idée, un produit ou une activité.",types:[{id:"produit",label:"Présentation produit / service",icon:"product",question:"Que souhaitez-vous présenter ?",phrase:"pour présenter {answer}",options:["Un produit","Un service","Une plateforme / application"]},{id:"motion",label:"Motion design explicatif",icon:"motion",question:"Que souhaitez-vous expliquer ?",phrase:"pour expliquer {answer}",options:["Une offre","Un fonctionnement","Un concept complexe"]},{id:"corporate",label:"Vidéo corporate",icon:"corporate",question:"Quel sujet souhaitez-vous mettre en avant ?",phrase:"pour mettre en avant {answer}",options:["L'entreprise","Un savoir-faire","Une activité / offre"]},c]},p={intro:"Un format qui laisse le temps de développer un message tout en conservant du rythme et une vraie capacité d'attention.",types:[{id:"explicative",label:"Vidéo explicative",icon:"explain",question:"Que voulez-vous rendre plus clair ?",phrase:"pour clarifier {answer}",options:["Une offre","Un processus","Un sujet complexe"]},{id:"interview",label:"Interview / témoignage",icon:"interview",question:"Qui prendra la parole ?",phrase:"portée par {answer}",options:["Un client","Un collaborateur","Un dirigeant"]},{id:"formation",label:"Vidéo de formation",icon:"training",question:"à qui s'adresse la vidéo ?",phrase:"à destination de nos {answer}",options:["Collaborateurs","Clients","Partenaires / réseau"]},c]},m={funnel:[{id:"15s",seconds:15,badge:"0:15",label:"15 secondes",intro:"Idéal pour capter l'attention immédiatement, faire passer une idée unique et provoquer une réaction rapide.",types:[{id:"teaser",label:"Teaser",icon:"teaser",question:"Que souhaitez-vous teaser ?",phrase:"pour teaser {answer}",options:["Un produit / service","Un événement","Une campagne / annonce","Autre"]},{id:"pub",label:"Publicité courte",icon:"ad",question:"Que souhaitez-vous promouvoir ?",phrase:"pour promouvoir {answer}",options:["Un produit / service","Une marque","Une offre","Autre"]},{id:"social",label:"Réseaux sociaux",icon:"social",question:"Quel usage imaginez-vous ?",phrase:"à diffuser sur les réseaux sociaux, en {answer}",options:["Organique","Publicité","Série de contenus"]},c]},{id:"30s",seconds:30,badge:"0:30",label:"30 secondes",...d},{id:"45s",seconds:45,badge:"0:45",label:"45 secondes",...d},{id:"1min",seconds:60,badge:"1:00",label:"1 minute",...u},{id:"1min15",seconds:75,badge:"1:15",label:"1 min 15",...u},{id:"1min30",seconds:90,badge:"1:30",label:"1 min 30",...p},{id:"1min45",seconds:105,badge:"1:45",label:"1 min 45",...p},{id:"2min",seconds:120,badge:"2:00+",label:"2 minutes et +",intro:"Le bon choix lorsque votre sujet nécessite du contexte, de la pédagogie, du témoignage ou une narration plus construite.",types:[{id:"film",label:"Film corporate",icon:"corporate",question:"Quel est le sujet principal ?",phrase:"afin de {answer}",options:["Présenter l'entreprise","Valoriser un savoir-faire","Porter une vision / un message de marque"]},{id:"formation",label:"Formation / pédagogique",icon:"training",question:"Quel est l'objectif ?",phrase:"avec pour objectif : {answer}",options:["Former","Expliquer","Accompagner une prise en main"]},{id:"interview",label:"Interview / témoignage",icon:"interview",question:"Qui souhaitez-vous faire intervenir ?",phrase:"avec un intervenant de type {answer}",options:["Client","Collaborateur","Dirigeant / expert"],extra:{question:"Combien de personnes environ ?",options:["1","2 à 3","4 et +"],phrase:"avec {answer} intervenant(s) à l'image"}},c]}],txt:{title:(0,t.jsxs)(t.Fragment,{children:["Pour connaitre le prix du boost"," ",(0,t.jsx)("span",{className:"ia-text relative top-[5px] text-[#FF3869]",children:"IA"})," de votre communication, ",(0,t.jsx)("span",{className:"text-[#FF3869]",children:"c'est ici"})]}),otherOption:"Autre",durationLabel:"Durée",durationMax:"2 min et +",emailPlaceholder:"Votre email",emailWarning:(0,t.jsxs)(t.Fragment,{children:["Pour toute candidature, veuillez nous contacter à l'adresse suivante :"," ",(0,t.jsx)("a",{href:"mailto:[email protected]",className:"font-semibold underline",children:"[email protected]"})]}),phonePlaceholder:"Votre téléphone",messagePlaceholder:"Expliquez votre projet pour recevoir un devis.",fileLabel:"Choisissez un fichier",fileUploading:"Envoiâ¦",fileError:"Ãchec, réessayez",stepType:"Type de vidéo",stepOther:"Votre précision",step:(e,t)=>`\xc9tape ${e} sur ${t}`,closeFunnel:"Fermer le questionnaire",typeQuestion:"Quel type de vidéo correspond le mieux à votre projet ?",typeHint:"Nous adapterons nos recommandations.",otherQuestionFree:"Expliquez ce que vous souhaitez faire",otherQuestionDetail:"Précisez ce que vous avez en tête",otherPlaceholder:"En une ou deux phrases : ce que vous voulez montrer, à qui, et dans quel contexte.",validate:"Valider",doneTitle:"On a déjà une bonne idée de votre besoin.",doneText:"Laissez-nous vos coordonnées pour recevoir une première recommandation et un devis adapté.",doneCta:"Recevoir un devis en envoyant ma demande â",doneCtaAria:"Recevoir un devis â cliquez pour envoyer",brief:"Votre brief",clear:"Effacer",toFill:"à renseigner",quoteOpen:"« ",quoteClose:" »",sentenceIntro:e=>`Je souhaite r\xe9aliser une vid\xe9o de ${e}`,sentenceMaxDuration:"2 minutes ou plus",sentenceType:e=>`du type ${e}`,submit:"Envoyer ma demande",submitAria:"Envoyer ma demande â cliquez pour envoyer",sending:"Envoi en cours",sendingAria:"Envoi en cours",sentAria:"Demande envoyée",holdHint:"Cliquez pour envoyer",holdKeep:"Envoi en préparationâ¦",successTitle:(0,t.jsxs)(t.Fragment,{children:["Votre demande a bien été ",(0,t.jsx)("span",{className:"text-[#FF3869]",children:"envoyée"})]}),successText:"Un expert Gorille revient vers vous avec une première recommandation et un devis adapté à votre projet.",newRequest:"Nouvelle demande",question:"Une question ? [email protected]",error:"Une erreur est survenue. Réessayez ou écrivez-nous à [email protected].",modalTitle:"Expliquez votre projet",close:"Fermer",modalPlaceholder:"Décrivez votre projet : objectifs, message à faire passer, style souhaité, durée, références qui vous inspirentâ¦",descRequired:"Merci de décrire votre projet.",mobileOpen:"Obtenir un devis",mobileClose:"Fermer le formulaire"}},h={id:"autre",label:"Other",icon:"other"},x={intro:"A good format to spark interest, quickly present an offer or show a product in action.",types:[{id:"teaser",label:"Teaser",icon:"teaser",question:"What would you like to announce?",phrase:"to announce {answer}",options:["A launch","An event","Something new"]},{id:"produit",label:"Product / service presentation",icon:"product",question:"What do you want to show?",phrase:"to show {answer}",options:["A product","A service","A feature"]},{id:"social",label:"Social media",icon:"social",question:"How will you use it?",phrase:"to publish on
1social media, as {answer}",options:["Organic content","Paid ads","A content series"]},h]},b={intro:"Short enough to stay dynamic, long enough to clearly present an idea, a product or an activity.",types:[{id:"produit",label:"Product / service presentation",icon:"product",question:"What would you like to present?",phrase:"to present {answer}",options:["A product","A service","A platform / app"]},{id:"motion",label:"Explainer motion design",icon:"motion",question:"What would you like to explain?",phrase:"to explain {answer}",options:["An offer","How something works","A complex concept"]},{id:"corporate",label:"Corporate video",icon:"corporate",question:"What topic do you want to highlight?",phrase:"to highlight {answer}",options:["The company","An expertise","An activity / offer"]},h]},g={intro:"A format that leaves room to develop a message while keeping the pace and a real hold on attention.",types:[{id:"explicative",label:"Explainer video",icon:"explain",question:"What do you want to make clearer?",phrase:"to clarify {answer}",options:["An offer","A process","A complex topic"]},{id:"interview",label:"Interview / testimonial",icon:"interview",question:"Who will speak?",phrase:"featuring {answer}",options:["A customer","A team member","An executive"]},{id:"formation",label:"Training video",icon:"training",question:"Who is the video for?",phrase:"aimed at our {answer}",options:["Employees","Customers","Partners / network"]},h]},f=[{id:"15s",seconds:15,badge:"0:15",label:"15 seconds",intro:"Ideal to grab attention right away, deliver a single idea and trigger a quick reaction.",types:[{id:"teaser",label:"Teaser",icon:"teaser",question:"What would you like to tease?",phrase:"to tease {answer}",options:["A product / service","An event","A campaign / announcement","Other"]},{id:"pub",label:"Short ad",icon:"ad",question:"What would you like to promote?",phrase:"to promote {answer}",options:["A product / service","A brand","An offer","Other"]},{id:"social",label:"Social media",icon:"social",question:"How will you use it?",phrase:"to publish on social media, as {answer}",options:["Organic content","Paid ads","A content series"]},h]},{id:"30s",seconds:30,badge:"0:30",label:"30 seconds",...x},{id:"45s",seconds:45,badge:"0:45",label:"45 seconds",...x},{id:"1min",seconds:60,badge:"1:00",label:"1 minute",...b},{id:"1min15",seconds:75,badge:"1:15",label:"1 min 15",...b},{id:"1min30",seconds:90,badge:"1:30",label:"1 min 30",...g},{id:"1min45",seconds:105,badge:"1:45",label:"1 min 45",...g},{id:"2min",seconds:120,badge:"2:00+",label:"2 minutes and more",intro:"The right choice when your topic needs context, teaching, testimonials or a more elaborate narrative.",types:[{id:"film",label:"Corporate film",icon:"corporate",question:"What is the main topic?",phrase:"in order to {answer}",options:["Present the company","Showcase an expertise","Carry a vision / brand message"]},{id:"formation",label:"Training / educational",icon:"training",question:"What is the goal?",phrase:"with the goal to {answer}",options:["Train","Explain","Support onboarding"]},{id:"interview",label:"Interview / testimonial",icon:"interview",question:"Who would you like to feature?",phrase:"with a speaker such as {answer}",options:["A customer","A team member","An executive / expert"],extra:{question:"Roughly how many people?",options:["1","2 to 3","4 and more"],phrase:"with {answer} speaker(s) on camera"}},h]}],v={title:(0,t.jsxs)(t.Fragment,{children:["Get a quick estimate ",(0,t.jsx)("span",{className:"text-[#FF3869]",children:"for your project"})]}),otherOption:"Other",durationLabel:"Length",durationMax:"2 min and more",emailPlaceholder:"Your email",emailWarning:(0,t.jsxs)(t.Fragment,{children:["For any job application, please contact us at the following address:"," ",(0,t.jsx)("a",{href:"mailto:[email protected]",className:"font-semibold underline",children:"[email protected]"})]}),phonePlaceholder:"Your phone",messagePlaceholder:"Tell us about your project to get a quote.",fileLabel:"Choose a file",fileUploading:"Uploadingâ¦",fileError:"Failed, try again",stepType:"Video type",stepOther:"Your details",step:(e,t)=>`Step ${e} of ${t}`,closeFunnel:"Close the questionnaire",typeQuestion:"Which type of video best matches your project?",typeHint:"We will tailor our recommendations.",otherQuestionFree:"Tell us what you would like to do",otherQuestionDetail:"Tell us more about what you have in mind",otherPlaceholder:"In one or tw
1o sentences: what you want to show, to whom, and in what context.",validate:"Done",doneTitle:"We already have a good idea of what you need.",doneText:"Leave us your contact details to receive a first recommendation and a tailored quote.",doneCta:"Get a quote by sending my request â",doneCtaAria:"Get a quote â click to send",brief:"Your brief",clear:"Clear",toFill:"To fill in",quoteOpen:"â",quoteClose:"â",sentenceIntro:e=>`I would like to produce a video of ${e}`,sentenceMaxDuration:"2 minutes or more",sentenceType:e=>`of the ${e} kind`,submit:"Send my request",submitAria:"Send my request â click to send",sending:"Sending",sendingAria:"Sending",sentAria:"Request sent",holdHint:"Click to send",holdKeep:"Sendingâ¦",successTitle:(0,t.jsxs)(t.Fragment,{children:["Your request has been ",(0,t.jsx)("span",{className:"text-[#FF3869]",children:"sent"})]}),successText:"A Gorille expert will get back to you with a first recommendation and a quote tailored to your project.",newRequest:"New request",question:"Any question? [email protected]",error:"Something went wrong. Try again or email us at [email protected].",modalTitle:"Tell us about your project",close:"Close",modalPlaceholder:"Describe your project: goals, message to convey, desired style, length, references that inspire youâ¦",descRequired:"Please describe your project.",mobileOpen:"Get a quote",mobileClose:"Close the form"},w={id:"autre",label:"Otro",icon:"other"},y={intro:"Un buen formato para despertar el interés, presentar rápidamente una oferta o mostrar un producto en acción.",types:[{id:"teaser",label:"Teaser",icon:"teaser",question:"¿Qué te gustarÃa anunciar?",phrase:"para anunciar {answer}",options:["Un lanzamiento","Un evento","Una novedad"]},{id:"produit",label:"Presentación de producto / servicio",icon:"product",question:"¿Qué quieres mostrar?",phrase:"para mostrar {answer}",options:["Un producto","Un servicio","Una funcionalidad"]},{id:"social",label:"Redes sociales",icon:"social",question:"¿Cómo la vas a utilizar?",phrase:"para publicar en redes sociales, como {answer}",options:["Contenido orgánico","Publicidad de pago","Una serie de contenidos"]},w]},j={intro:"Lo bastante corto para ser dinámico y lo bastante largo para presentar con claridad una idea, un producto o una actividad.",types:[{id:"produit",label:"Presentación de producto / servicio",icon:"product",question:"¿Qué te gustarÃa presentar?",phrase:"para presentar {answer}",options:["Un producto","Un servicio","Una plataforma / app"]},{id:"motion",label:"Motion design explicativo",icon:"motion",question:"¿Qué te gustarÃa explicar?",phrase:"para explicar {answer}",options:["Una oferta","Cómo funciona algo","Un concepto complejo"]},{id:"corporate",label:"VÃdeo corporativo",icon:"corporate",question:"¿Qué tema quieres destacar?",phrase:"para destacar {answer}",options:["La empresa","Una especialidad","Una actividad / oferta"]},w]},k={intro:"Un formato que deja espacio para desarrollar un mensaje sin perder ritmo ni la atención del público.",types:[{id:"explicative",label:"VÃdeo explicativo",icon:"explain",question:"¿Qué quieres aclarar?",phrase:"para aclarar {answer}",options:["Una oferta","Un proceso","Un tema complejo"]},{id:"interview",label:"Entrevista / testimonio",icon:"interview",question:"¿Quién va a hablar?",phrase:"con {answer}",options:["Un cliente","Un miembro del equipo","Un directivo"]},{id:"formation",label:"VÃdeo de formación",icon:"training",question:"¿A quién va dirigido el vÃdeo?",phrase:"dirigido a nuestros {answer}",options:["Empleados","Clientes","Socios / red"]},w]},F=[{id:"15s",seconds:15,badge:"0:15",label:"15 segundos",intro:"Ideal para captar la atención al instante, transmitir una sola idea y provocar una reacción rápida.",types:[{id:"teaser",label:"Teaser",icon:"teaser",question:"¿Qué te gustarÃa adelantar?",phrase:"para adelantar {answer}",options:["Un producto / servicio","Un evento","Una campaña / anuncio","Otro"]},{id:"pub",label:"Anuncio corto",icon:"ad",question:"¿Qué te gustarÃa promocionar?",phrase:"para promocionar {answer}",options:["Un producto / servicio","Una marca","Una oferta","Otro"]},{id:"social",label:"Redes sociales",icon:"social",question:"¿Cómo la vas a utilizar?",phrase:"para publicar en redes sociales, como {answer}",options:["Contenido orgánico","Publicidad de pago","Una serie de contenidos"]},w]},{id:"30s",seconds:30,badge:"0:30",label:"30 segundos",...y},{id:"45s",seconds:45,badge:"0:45",label:"45 segundos",...y},{id:"1min",seconds:60,badge:"1:00",label:"1 minuto",...j},{id:"1min15",seconds:75,badge:"1:15",label:"1 min 15",...j},{id:"1min30",seconds:90,badge:"1:30",label:"1 min 30",...k},{id:"1min45",seconds:105,badge:"1:45",label:"1 min 45",...k},{id:"2min",seconds:120,badge:"2:00+",label:"2 minutos o más",intro:"La mejor opción cuando tu tema necesita contexto, pedagogÃa, testimonios o una narrativa más elaborada.",types:[{id:"film",label:"PelÃcula corporativa",icon:"corporate",question:"¿Cuál es el tema principal?",phrase:"para {answer}",options:["Presentar la empresa","Poner en valor una especialidad","Transmitir una visión / un mensaje de marca"]},{id:"formation",label:"Formación / pedagógico",icon:"training",question:"¿Cuál es el objetivo?",phrase:"con el objetivo de {answer}",options:["Formar","Explicar","Acompañar la incorporación"]},{id:"interview",label:"Entrevista / testimonio",icon:"interview",question:"¿A quién te gustarÃa dar la palabra?",phrase:"con un interlocutor como {answer}",options:["Un cliente","Un miembro del equipo","Un directivo / experto"],extra:{question:"¿Cuántas personas, aproximadamente?",options:["1","2 a 3","4 o más"],phrase:"con {answer} persona(s) ante la cámara"}},w]}],N={title:(0,t.jsxs)(t.Fragment,{children:["Descubre aquà el precio ",(0,t.jsx)("span",{className:"text-[#FF3869]",children:"para impulsar tu comunicación"})]}),otherOption:"Otro",durationLabel:"Duración",durationMax:"2 min o más",emailPlaceholder:"Tu correo",emailWarning:(0,t.jsxs)(t.Fragment,{children:["Para cualquier candidatura, contáctanos en la siguiente dirección:"," ",(0,t.jsx)("a",{href:"mailto:[email protected]",className:"font-semibold underline",children:"[email protected]"})]}
1),phonePlaceholder:"Tu teléfono",messagePlaceholder:"Cuéntanos sobre tu proyecto para recibir un presupuesto.",fileLabel:"Elige un archivo",fileUploading:"Subiendoâ¦",fileError:"Error, inténtalo de nuevo",stepType:"Tipo de vÃdeo",stepOther:"Tus datos",step:(e,t)=>`Paso ${e} de ${t}`,closeFunnel:"Cerrar el cuestionario",typeQuestion:"¿Qué tipo de vÃdeo se ajusta mejor a tu proyecto?",typeHint:"Adaptaremos nuestras recomendaciones.",otherQuestionFree:"Cuéntanos qué te gustarÃa hacer",otherQuestionDetail:"Cuéntanos más sobre lo que tienes en mente",otherPlaceholder:"En una o dos frases: qué quieres mostrar, a quién y en qué contexto.",validate:"Listo",doneTitle:"Ya tenemos una buena idea de lo que necesitas.",doneText:"Déjanos tus datos para recibir una primera recomendación y un presupuesto a medida.",doneCta:"Recibir un presupuesto enviando mi solicitud â",doneCtaAria:"Recibir un presupuesto â haz clic para enviar",brief:"Tu brief",clear:"Borrar",toFill:"Por completar",quoteOpen:"«",quoteClose:"»",sentenceIntro:e=>`Me gustar\xeda realizar un v\xeddeo de ${e}`,sentenceMaxDuration:"2 minutos o más",sentenceType:e=>`de tipo ${e}`,submit:"Enviar mi solicitud",submitAria:"Enviar mi solicitud â haz clic para enviar",sending:"Enviando",sendingAria:"Enviando",sentAria:"Solicitud enviada",holdHint:"Haz clic para enviar",holdKeep:"Enviandoâ¦",successTitle:(0,t.jsxs)(t.Fragment,{children:["Tu solicitud ha sido ",(0,t.jsx)("span",{className:"text-[#FF3869]",children:"enviada"})]}),successText:"Un experto de Gorila se pondrá en contacto contigo con una primera recomendación y un presupuesto adaptado a tu proyecto.",newRequest:"Nueva solicitud",question:"¿Alguna pregunta? [email protected]",error:"Algo ha fallado. Inténtalo de nuevo o escrÃbenos a [email protected].",modalTitle:"Cuéntanos sobre tu proyecto",close:"Cerrar",modalPlaceholder:"Describe tu proyecto: objetivos, mensaje que transmitir, estilo deseado, duración, referencias que te inspiranâ¦",descRequired:"Describe tu proyecto, por favor.",mobileOpen:"Pedir presupuesto",mobileClose:"Cerrar el formulario"},q={id:"autre",label:"Sonstiges",icon:"other"},z={id:"social",label:"Social Media",icon:"social",question:"Wie möchten Sie das Video einsetzen?",phrase:"für Social Media, {answer}",options:["Organisch","Als Werbeanzeige","Als Content-Serie"]},A={intro:"Ein gutes Format, um Lust auf mehr zu machen, ein Angebot kurz vorzustellen oder ein Produkt in Aktion zu zeigen.",types:[{id:"teaser",label:"Teaser",icon:"teaser",question:"Was möchten Sie ankündigen?",phrase:"um {answer} anzukündigen",options:["Einen Launch","Ein Event","Eine Neuheit"]},{id:"produit",label:"Produkt- / Servicepräsentation",icon:"product",question:"Was möchten Sie zeigen?",phrase:"um {answer} zu zeigen",options:["Ein Produkt","Einen Service","Eine Funktion"]},z,q]},C={intro:"Kurz genug, um dynamisch zu bleiben, lang genug, um eine Idee, ein Produkt oder eine Tätigkeit klar vorzustellen.",types:[{id:"produit",label:"Produkt- / Servicepräsentation",icon:"product",question:"Was möchten Sie präsentieren?",phrase:"um {answer} zu präsentieren",options:["Ein Produkt","Einen Service","Eine Plattform / App"]},{id:"motion",label:"Motion-Design-Erklärvideo",icon:"motion",question:"Was möchten Sie erklären?",phrase:"um {answer} zu erklären",options:["Ein Angebot","Eine Funktionsweise","Ein komplexes Konzept"]},{id:"corporate",label:"Unternehmensvideo",icon:"corporate",question:"Welches Thema möchten Sie hervorheben?",phrase:"um {answer} hervorzuheben",options:["Das Unternehmen","Ein Know-how","Eine Tätigkeit / ein Angebot"]},q]},S={intro:"Ein Format, das Zeit lässt, eine Botschaft zu entfalten, und dabei Rhythmus und Aufmerksamkeit bewahrt.",types:[{id:"explicative",label:"Erklärvideo",icon:"explain",question:"Was möchten Sie verständlicher machen?",phrase:"um {answer} verständlicher zu machen",options:["Ein Angebot","Einen Prozess","Ein komplexes Thema"]},{id:"interview",label:"Interview / Testimonial",icon:"interview",question:"Mit wem möchten Sie drehen?",phrase:"mit {answer} vor der Kamera",options:["Einem Kunden","Einem Mitarbeitenden","Einer Führungskraft"]},{id:"formation",label:"Schulungsvideo",icon:"training",question:"An wen richtet sich das Video?",phrase:"für {answer}",options:["Unsere Mitarbeitenden","Unsere Kunden","Unsere Partner / unser Netzwerk"]},q]},M=[{id:"15s",seconds:15,badge:"0:15",label:"15 Sekunden",intro:"Ideal, um sofort Aufmerksamkeit zu wecken, eine einzige Idee zu vermitteln und eine schnelle Reaktion auszulösen.",types:[{id:"teaser",label:"Teaser",icon:"teaser",question:"Was möchten Sie teasern?",phrase:"um {answer} zu teasern",options:["Ein Produkt / einen Service","Ein Event","Eine Kampagne / Ankündigung","Sonstiges"]},{id:"pub",label:"Kurzer Werbespot",icon:"ad",question:"Was möchten Sie bewerben?",phrase:"um {answer} zu bewerben",options:["Ein Produkt / einen Service","Eine Marke","Ein Angebot","Sonstiges"]},z,q]},{id:"30s",seconds:30,badge:"0:30",label:"30 Sekunden",...A},{id:"45s",seconds:45,badge:"0:45",label:"45 Sekunden",...A},{id:"1min",seconds:60,badge:"1:00",label:"1 Minute",...C},{id:"1min15",seconds:75,badge:"1:15",label:"1 Min. 15",...C},{id:"1min30",seconds:90,badge:"1:30",label:"1 Min. 30",...S},{id:"1min45",seconds:105,badge:"1:45",label:"1 Min. 45",...S},{id:"2min",seconds:120,badge:"2:00+",label:"2 Minuten und mehr",intro:"Die r
1ichtige Wahl, wenn Ihr Thema Kontext, Didaktik, Testimonials oder ein ausgearbeitetes Storytelling braucht.",types:[{id:"film",label:"Imagefilm",icon:"corporate",question:"Was ist das Hauptthema?",phrase:"um {answer}",options:["Das Unternehmen vorzustellen","Ein Know-how hervorzuheben","Eine Vision / Markenbotschaft zu vermitteln"]},{id:"formation",label:"Schulung / Lernvideo",icon:"training",question:"Was ist das Ziel?",phrase:"mit dem Ziel: {answer}",options:["Schulen","Erklären","Bei der Einarbeitung begleiten"]},{id:"interview",label:"Interview / Testimonial",icon:"interview",question:"Mit wem möchten Sie drehen?",phrase:"mit {answer} vor der Kamera",options:["Einem Kunden","Einem Mitarbeitenden","Einer Führungskraft / einem Experten"],extra:{question:"Wie viele Personen ungefähr?",options:["1","2 bis 3","4 und mehr"],phrase:"mit {answer} Person(en) im Bild"}},q]}],E={title:(0,t.jsxs)(t.Fragment,{children:["Was kostet der"," ",(0,t.jsx)("span",{className:"ia-text relative top-[5px] text-[#FF3869]",children:"KI-"}),"Boost Ihrer Kommunikation? ",(0,t.jsx)("span",{className:"text-[#FF3869]",children:"Hier erfahren Sie es"})]}),otherOption:"Sonstiges",durationLabel:"Dauer",durationMax:"2 Min. und mehr",emailPlaceholder:"Ihre E-Mail",emailWarning:(0,t.jsxs)(t.Fragment,{children:["Für Bewerbungen kontaktieren Sie uns bitte unter folgender Adresse:"," ",(0,t.jsx)("a",{href:"mailto:[email protected]",className:"font-semibold underline",children:"[email protected]"})]}),phonePlaceholder:"Ihre Telefonnummer",messagePlaceholder:"Beschreiben Sie Ihr Projekt, um ein Angebot zu erhalten.",fileLabel:"Datei auswählen",fileUploading:"Wird hochgeladenâ¦",fileError:"Fehler, bitte erneut versuchen",stepType:"Videotyp",stepOther:"Ihre Angaben",step:(e,t)=>`Schritt ${e} von ${t}`,closeFunnel:"Fragebogen schlieÃen",typeQuestion:"Welcher Videotyp passt am besten zu Ihrem Projekt?",typeHint:"Wir passen unsere Empfehlungen daran an.",otherQuestionFree:"Beschreiben Sie, was Sie vorhaben",otherQuestionDetail:"Präzisieren Sie, was Ihnen vorschwebt",otherPlaceholder:"In ein bis zwei Sätzen: was Sie zeigen möchten, wem und in welchem Kontext.",validate:"Bestätigen",doneTitle:"Wir haben schon eine gute Vorstellung von Ihrem Bedarf.",doneText:"Hinterlassen Sie uns Ihre Kontaktdaten, um eine erste Empfehlung und ein passendes Angebot zu erhalten.",doneCta:"Anfrage senden und Angebot erhalten â",doneCtaAria:"Angebot erhalten â klicken zum Senden",brief:"Ihr Briefing",clear:"Löschen",toFill:"Auszufüllen",quoteOpen:"â",quoteClose:"â",sentenceIntro:e=>`Ich w\xfcnsche mir ein Video von ${e}`,sentenceMaxDuration:"2 Minuten oder mehr",sentenceType:e=>`Typ: ${e.charAt(0).toUpperCase()}${e.slice(1)}`,submit:"Anfrage senden",submitAria:"Anfrage senden â klicken zum Senden",sending:"Wird gesendet",sendingAria:"Wird gesendet",sentAria:"Anfrage gesendet",holdHint:"Klicken zum Senden",holdKeep:"Senden wird vorbereitetâ¦",successTitle:(0,t.jsxs)(t.Fragment,{children:["Ihre Anfrage wurde erfolgreich ",(0,t.jsx)("span",{className:"text-[#FF3869]",children:"gesendet"})]}),successText:"Ein Gorilla-Experte meldet sich mit einer ersten Empfehlung und einem passenden Angebot für Ihr Projekt bei Ihnen.",newRequest:"Neue Anfrage",question:"Eine Frage? [email protected]",error:"Ein Fehler ist aufgetreten. Versuchen Sie es erneut oder schreiben Sie uns an [email protected].",modalTitle:"Beschreiben Sie Ihr Projekt",close:"SchlieÃen",modalPlaceholder:"Beschreiben Sie Ihr Projekt: Ziele, Botschaft, gewünschter Stil, Dauer, Referenzen, die Sie inspirierenâ¦",descRequired:"Bitte beschreiben Sie Ihr Projekt.",mobileOpen:"Angebot erhalten",mobileClose:"Formular schlieÃen"};e.s(["CONTENT_DE",0,{funnel:M,txt:E},"CONTENT_EN",0,{funnel:f,txt:v},"CONTENT_ES",0,{funnel:F,txt:N},"CONTENT_FR",0,m],45114);let $=Array.from({length:8},(e,t)=>15+15*t);function T(e,t){if(e>=120)return t;let n=Math.floor(e/60),a=e%60;return 0===n?`${a} s`:a?`${n} min ${a} s`:`${n} min`}let P=e=>e.charAt(0).toLowerCase()+e.slice(1),U=(e,t)=>e.find(e=>e.seconds===t)??[...e].reverse().find(e=>t>=e.seconds)??e[0],L={teaser:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("path",{d:"M5 3.5v17"}),(0,t.jsx)("path",{d:"M5 4.5h11l-2.2 3.2L16 11H5",fill:"none"}),(0,t.jsx)("circle",{cx:"18.5",cy:"17",r:"2.2",stroke:"#FF3869"})]}),ad:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("path",{d:"M4 9.5h3.5L15 5v14L7.5 14.5H4z"}),(0,t.jsx)("path",{d:"M6.5 14.5V19h3v-3.5"}),(0,t.jsx)("path",{d:"M18.5 9.2a4 4 0 0 1 0 5.6",stroke:"#FF3869"})]}),social:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("circle",{cx:"6",cy:"12",r:"2.6"}),(0,t.jsx)("circle",{cx:"17.5",cy:"6",r:"2.6",stroke:"#FF3869"}),(0,t.jsx)("circle",{cx:"17.5",cy:"18",r:"2.6"}),(0,t.jsx)("path",{d:"m8.4 10.8 6.8-3.5M8.4 13.2l6.8 3.5"})]}),product:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("path",{d:"M12 3.2 20 7.6v8.8L12 20.8 4 16.4V7.6z"}),(0,t.jsx)("path",{d:"M4 7.6 12 12l8-4.4"}),(0,t.jsx)("path",{d:"M12 12v8.8",stroke:"#FF3869"})]}),motion:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("path",{d:"M9 3.5 10.7 8 15 9.7 10.7 11.4 9 16 7.3 11.4 3 9.7 7.3 8z"}),(0,t.jsx)("path",{d:"M17.5 4.2 18.2 6l1.8.7-1.8.7-.7 1.8-.7-1.8L15 6.7 16.8 6z",stroke:"#FF3869"}),(0,t.jsx)("path",{d:"M17 14.5l.7 1.8 1.8.7-1.8.7-.7 1.8-.7-1.8-1.8-.7 1.8-.7z",stroke:"#FF3869"})]}),corporate:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("path",{d:"M4 20.5V5.2c0-.4.3-.7.7-.7h8.1c.4 0 .7.3.7.7v15.3"}),(0,t.jsx)("path",{d:"M13.5 10.5h5.8c.4 0 .7.3.7.7v9.3"}),(0,t.jsx)("path",{d:"M3 20.5h18"}),(0,t.jsx)("path",{d:"M7 8h1M10.5 8h1M7 11.5h1M10.5 11.5h1M7 15h1M10.5 15h1",stroke:"#FF3869"}),(0,t.jsx)("path",{d:"M16 14h1.5M16 17.5h1.5",stroke:"#FF3869"})]}),explain:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("path",{d:"M12 3.5a5.8 5.8 0 0 0-3.4 10.5c.6.5 1 1.2 1 2v.5h4.8V16c0-.8.4-1.5 1-2A5.8 5.8 0 0 0 12 3.5Z"}),(0,t.jsx)("path",{d:"M10.1 19.2h3.8M10.8 21.3h2.4",stroke:"#FF3869"})]}),interview:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("rect",{x:"9",y:"2.8",width:"6",height:"11",rx:"3"}),(0,t.jsx)("path",{d:"M5.5 11.5a6.5 6.5 0 0 0 13 0",stroke:"#FF3869"}),(0,t.jsx)("path",{d:"M12 18v3.2M8.5 21.2h7"})]}),training:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("path",{d:"M12 3.5 22 8l-10 4.5L2 8z"}),(0,t.jsx)("path",{d:"M6 10.2v5.3c0 1.9 2.7 3.4 6 3.4s6-1.5 6-3.4v-5.3",stroke:"#FF3869"}),(0,t.jsx)("path",{d:"M22 8v5"})]}),other:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("circle",{cx:"6",cy:"12",r:"1.6"}),(0,t.jsx)("circle",{cx:"12",cy:"12",r:"1.6"}),(0,t.jsx)("circle",{cx:"18",cy:"12",r:"1.6"})]})},_=e=>`relative flex cursor-pointer flex-col items-center justify-center gap-3 rounded-2xl border px-3 text-center transition ${e?"border-[#FF3869] bg-[#FF3869]/5 text-[#FF3869] shadow-[0_10px_28px_-18px_rgba(255,56,
1105,0.9)]":"border-[#101a72]/12 bg-white text-[#101a72] hover:border-[#FF3869]/40 hover:shadow-[0_10px_28px_-22px_rgba(16,26,114,0.6)]"}`,I=e=>4===e?"mt-4 grid grid-cols-2 gap-3 lg:grid-cols-4":"mt-4 grid grid-cols-2 gap-3 lg:grid-cols-3",W=(0,t.jsx)("span",{"aria-hidden":!0,className:"absolute right-3 top-3 grid h-5 w-5 place-items-center rounded-full bg-[#FF3869] text-[11px] leading-none text-white",children:"â"}),O=(0,t.jsx)("span",{"aria-hidden":!0,className:"h-[2px] w-6 rounded-full bg-[#FF3869]"}),D="flex h-11 cursor-pointer items-center justify-center gap-2 rounded-full bg-[#FF3869] px-5 text-xs font-bold uppercase tracking-[0.05em] text-white shadow-sm transition hover:bg-[#101a72] hover:text-[#FF3869] disabled:cursor-not-allowed disabled:opacity-60",Q=2*Math.PI*25.2,R="relative flex h-16 w-full items-center justify-start gap-3 rounded-full pl-1.5 pr-5 text-[15px] font-semibold whitespace-nowrap tracking-[-0.01em] text-white",V="bg-[#FF3869]",K=`${R} ${V} submit-hot submit-swap cursor-pointer hover:-translate-y-px hover:bg-[#101a72] hover:text-[#FF5C8A]`,B=`${R} ${V} submit-hot cursor-pointer`,Y=`${R} ${V} cursor-progress`,H=`${R} submit-dark cursor-progress overflow-hidden bg-[#101a72]`,X=()=>{let e=[],t=60,n=.5>Math.random()?-1:1;for(;t<95&&!((t+=5+7*Math.random())>97);){let a=e[e.length-1],i=!a||.75>Math.random();i&&(n=-n);let r=Math.min(20,i?6+14*Math.random():Math.abs(a.y)>13?6+Math.random()*(Math.abs(a.y)-12):Math.abs(a.y)+6+6*Math.random());e.push({p:+t.toFixed(1),y:+(n*r).toFixed(1)})}return e.length>=2?e:X()},G=e=>[{p:60,y:0},...e,{p:100,y:+(e[e.length-1].y/2).toFixed(1)}];e.s(["LittleFormBar",0,function({iaOn:e,content:i=m,title:r,defaultCountry:s="fr",tracking:c,trackingFields:d,trackingConsent:u,submit:p,payload:h}){let{funnel:x,txt:b}=i,g=h.durationName??"duration",[f,v]=(0,n.useState)("idle"),[w,y]=(0,n.useState)(0),[j,k]=(0,n.useState)(!1),[F,N]=(0,n.useState)(!1),[q,z]=(0,n.useState)(null),A=(0,n.useRef)(0),C=(0,n.useRef)(null),S=(0,n.useRef)(!1),M=(0,n.useRef)(null),[E,R]=(0,n.useState)(""),[V,Z]=(0,n.useState)(""),[J,ee]=(0,n.use
1State)(s.toUpperCase()),[et,en]=(0,n.useState)(15),[ea,ei]=(0,n.useState)(!1),[er,eo]=(0,n.useState)(""),[es,el]=(0,n.useState)(!1),[ec,ed]=(0,n.useState)(!1),eu=(0,n.useRef)(""),[ep,em]=(0,n.useState)(""),[eh,ex]=(0,n.useState)(""),[eb,eg]=(0,n.useState)(!1),[ef,ev]=(0,n.useState)(!1),[ew,ey]=(0,n.useState)(""),[ej,ek]=(0,n.useState)(""),[eF,eN]=(0,n.useState)(""),[eq,ez]=(0,n.useState)(""),[eA,eC]=(0,n.useState)(null),eS=/^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(E.trim()),eM=V.replace(/\D/g,"").length>=10,eE=U(x,et),e$=eE.types.find(e=>e.id===ew)??null,eT=()=>{ey(""),ek(""),eN(""),ez(""),eC(null)},eP=()=>{ev(!0),eT()},eU=e$?.id==="autre"||ej===b.otherOption,eL=eq.trim().length>0,e_=[{id:"type",label:b.stepType,value:e$?.label??""}];e$?.question&&e$.options&&e_.push({id:"answer",label:e$.question,value:ej}),e$?.extra&&ej&&e_.push({id:"extra",label:e$.extra.question,value:eF}),eU&&e_.push({id:"other",label:b.stepOther,value:eq.trim()});let eI=(eA&&e_.some(e=>e.id===eA)?eA:null)??e_.find(e=>!e.value)?.id??"done",eW=e=>{e(),eC(null)},eO=(()=>{if(!eb)return"";let e="2min"===eE.id?b.sentenceMaxDuration:eE.label,t=b.sentenceIntro(e),n=eq.trim().replace(/\s*\.\s*$/,"");if(e$&&"autre"!==e$.id&&(t+=`, ${b.sentenceType(P(e$.label))}`),e$?.phrase){let e=ej===b.otherOption?n:P(ej??"");e&&(t+=`, ${e$.phrase.replace("{answer}",e)}`)}return e$?.extra?.phrase&&eF&&(t+=`, ${e$.extra.phrase.replace("{answer}",eF)}`),e$?.id==="autre"&&n&&(t+=` : ${n}`),`${t}.`})();(0,n.useEffect)(()=>{let e=eu.current;eO!==e&&(eu.current=eO,eo(t=>e&&t.includes(e)?t.replace(e,eO).replace(/\n{3,}/g,"\n\n"):eO?t.trim()?`${t.replace(/\s+$/,"")} 2${eO}`:eO:t))},[eO]);let eD=er.trim().length>=1,eQ=Number(eS)+Number(eM)+Number(eD),eR=3===eQ,eV=25*eQ,eK=ec&&!eD,eB=[e$?`${eE.label} \xb7 ${e$.label}`:"",ej,eF,eU&&eq.trim()?`${b.quoteOpen}${eq.trim()}${b.quoteClose}`:""].filter(Boolean).join(" · ");(0,n.useEffect)(()=>{if(!ew)return;let e=requestAnimationFrame(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth";document.querySelectorAll("[data-funnel-panel]").forEach(t=>{t.querySelector("[data-funnel-step]")?.scrollIntoView({block:"nearest",behavior:e})})});return()=>cancelAnimationFrame(e)},[eI,ew,ej,eF]);let eY=()=>{null!==C.current&&cancelAnimationFrame(C.current),C.current=null};(0,n.useEffect)(()=>eY,[]);let eH=e=>{A.current=e,y(e)},eX=()=>{S.current=!1,eH(0)},eG=e=>{if("sending"!==f&&"mailing"!==f&&eR&&!S.current){let t,n;M.current=e.currentTarget.closest("form"),S.current=!0,k(!0),eY(),t=null,n=e=>{let a=null===t?0:e-t;t=e;let i=Math.min(100,A.current+a/1100*100);if(eH(i),i>=100){eY(),eZ();return}C.current=requestAnimationFrame(n)},C.current=requestAnimationFrame(n)}},eZ=()=>{k(!1);let e=M.current;if(e){if(!e.reportValidity())return void eX();e.requestSubmit()}};async function eJ(t){t.preventDefault();let n=t.currentTarget;if(er.trim().length<1){ed(!0),el(!0),eX();return}z(X()),v("mailing"),eH(100);try{let t=p(n,{trackingConsent:u,extra:{...void 0!==e?{gorilleIA:String(e)}:null,...h.formattedDuration?{[g]:T(et,b.durationMax)}:null}}).then(()=>null,e=>e);await new Promise(e=>setTimeout(e,3500)),v("sending");let a=await t;if(a)throw a;v("ok"),eX(),n.reset(),R(""),Z(""),en(15),eg(!1),ev(!1),eT(),eu.current="",eo(""),em(""),ex("")}catch{eX(),v("error")}}let e0=(et-15)/105*100,e1=`linear-gradient(to right, #FF3869 0%, #FF3869 ${e0}%, rgba(16,26,114,0.12) ${e0}%, rgba(16,26,114,0.12) 100%)`,e5=()=>(0,t.jsx)(o,{name:"email",placeholder:b.emailPlaceholder,warning:b.emailWarning,required:!0,value:E,onValueChange:R,inputClassName:"h-11 w-full rounded-full border border-[#101a72]/15 bg-white px-5 text-sm text-[#101a72] shadow-sm placeholder:text-[#101a72]/40 outline-none transition focus:border-[#FF3869] focus:ring-2 focus:ring-[#FF3869]/20",wrapperClassName:"relative",warningClassName:"absolute inset-x-0 top-full z-40 mt-2 rounded-lg border border-[#FF3869]/40 bg-white px-3 py-2 text-[12px] leading-snug text-[#FF3869] shadow-[0_10px_30px_-10px_rgba(16,26,114,0.45)]"}),e2=()=>(0,t.jsx)("div",{className:"bar-phone rounded-full shadow-sm",children:(0,t.jsx)(a.PhoneInput,{defaultCountry:s,value:V,onChange:(e,t)=>
2{Z(e),ee(t.country.iso2.toUpperCase())},inputProps:{name:"phone",placeholder:b.phonePlaceholder}})}),e3=()=>(0,t.jsxs)("div",{className:"mb-[10px] flex items-center gap-3 lg:mb-[22px]",children:[(0,t.jsx)("span",{className:"font-bold uppercase tracking-[0.05em] text-[#101a72]",children:b.durationLabel}),(0,t.jsxs)("div",{className:"relative flex-1",children:[(0,t.jsx)("input",{type:"range",min:15,max:120,step:15,name:g,value:et,onChange:e=>{let t=Number(e.target.value);en(t),eg(!0),ev(!1),U(x,t).id!==eE.id&&eT()},className:`bar-slider block ${eb?"":"bar-slider--hint"}`,style:{background:e1}}),(0,t.jsx)("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-x-[10px] top-full mt-[3px] flex items-start justify-between",children:$.map(e=>{let n=e<=et;return(0,t.jsxs)("span",{className:"relative w-px",children:[(0,t.jsx)("span",{className:`block w-px rounded-full transition-colors duration-200 ${e%60==0?"h-[7px]":"h-[4px]"} ${n?"bg-[#FF3869]":"bg-[#101a72]/25"}`}),(0,t.jsx)("span",{className:`absolute top-[9px] left-1/2 hidden -translate-x-1/2 whitespace-nowrap text-[9px] font-semibold leading-none tabular-nums transition-colors duration-200 lg:block ${n?"text-[#FF3869]":"text-[#101a72]/40"}`,children:e>=120?"2:00+":`${Math.floor(e/60)}:${String(e%60).padStart(2,"0")}`})]},e)})})]}),(0,t.jsx)("span",{"aria-hidden":!eb,className:`w-20 shrink-0 whitespace-nowrap text-sm font-semibold text-[#101a72] transition-opacity duration-200 ${eb?"opacity-100":"opacity-0"}`,children:T(et,b.durationMax)})]}),e6=eb&&!ef,e4=()=>{if(!e6)return null;let e=e_.findIndex(e=>e.id===eI);return(0,t.jsxs)("div",{"data-funnel-panel":!0,className:"funnel-in relative flex flex-col rounded-3xl border border-[#101a72]/10 bg-white p-4 shadow-[0_18px_50px_-30px_rgba(16,26,114,0.5)] sm:p-6 lg:shadow-[0_30px_70px_-25px_rgba(16,26,114,0.45)]",children:[(0,t.jsx)("button",{type:"button",onClick:eP,"aria-label":b.closeFunnel,className:"group absolute right-2 top-2 z-30 grid h-9 w-9 cursor-pointer place-items-center rounded-full bg-[#FF3869] text-white shadow-[0_6px_16px_-6px_rgba(255,56,105,0.9)] transition-all duration-200 hover:scale-110 hover:bg-[#101a72] hover:shadow-[0_6px_16px_-6px_rgba(16,26,114,0.9)] motion-reduce:transition-none motion-reduce:hover:scale-100 sm:right-3 sm:top-3",children:(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.5,strokeLinecap:"round","aria-hidden":!0,className:"h-4 w-4 transition-transform duration-200 group-hover:rotate-90 motion-reduce:transition-none motion-reduce:group-hover:rotate-0",children:(0,t.jsx)("path",{d:"M6 6l12 12M18 6L6 18"})})}),(0,t.jsxs)("div",{className:"grid min-h-0 gap-4 lg:grid-cols-[minmax(0,1fr)_14rem]",children:[(0,t.jsxs)("div",{className:"flex min-h-0 min-w-0 flex-col",children:[(0,t.jsxs)("div",{className:"relative flex w-full shrink-0 flex-col gap-3 rounded-2xl border border-[#101a72]/10 px-4 py-3 pr-14 sm:flex-row sm:items-center sm:gap-5 lg:pr-4",children:[(0,t.jsxs)("div",{className:"flex shrink-0 items-center gap-3",children:[(0,t.jsx)("span",{className:"grid h-12 w-12 place-items-center rounded-full border-2 border-[#FF3869] text-[13px] font-bold tabular-nums text-[#FF3869]",children:eE.badge}),(0,t.jsx)("span",{className:"text-sm font-bold text-[#101a72]",children:eE.label})]}),(0,t.jsx)("span",{"aria-hidden":!0,className:"hidden h-8 w-px shrink-0 bg-[#101a72]/10 sm:block"}),(0,t.jsx)("p",{className:"line-clamp-2 text-[13px] leading-snug text-[#101a72]/70",children:eE.intro})]}),(0,t.jsxs)("div",{"data-funnel-step":!0,className:"funnel-in mt-4 flex min-h-0 flex-1 flex-col justify-start",children:["done"!==eI&&e_.length>1&&(0,t.jsx)("p",{className:"mb-2 text-[11px] font-bold uppercase tracking-[0.08em] text-[#101a72]/35",children:b.step(e+1,e_.length)}),"type"===eI&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("p",{className:"text-[15px] font-bold text-[#101a72]",children:b.typeQuestion}),(0,t.jsx)("p",{className:"mt-1 text-[13px] text-[#101a72]/45",children:b.typeHint}),(0,t.jsx)("div",{className:I(eE.types.length),children:eE.types.map(e=>{let n,a=e.id===ew;return(0,t.jsxs)("button",{type:"button","aria-pressed":a,onClick:()=>eW(()=>{if(a)return eT();ey(e.id),ek(""),eN(""),ez("")}),className:`${_(a)} py-6`,children:[a&&W,(n=e.icon,(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round",className:"h-7 w-7","aria-hidden":!0,
2children:L[n]})),(0,t.jsx)("span",{className:"text-[13px] font-bold leading-tight",children:e.label}),O]},e.id)})})]}),"answer"===eI&&e$?.question&&e$.options&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("p",{className:"text-[15px] font-bold text-[#101a72]",children:e$.question}),(0,t.jsx)("div",{className:I(e$.options.length),children:e$.options.map(e=>{let n=e===ej;return(0,t.jsxs)("button",{type:"button","aria-pressed":n,onClick:()=>eW(()=>{ek(n?"":e),ez("")}),className:`${_(n)} py-5`,children:[n&&W,(0,t.jsx)("span",{className:"text-[13px] font-bold leading-tight",children:e}),O]},e)})})]}),"extra"===eI&&e$?.extra&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("p",{className:"text-[15px] font-bold text-[#101a72]",children:e$.extra.question}),(0,t.jsx)("div",{className:I(e$.extra.options.length),children:e$.extra.options.map(e=>{let n=e===eF;return(0,t.jsxs)("button",{type:"button","aria-pressed":n,onClick:()=>eW(()=>eN(n?"":e)),className:`${_(n)} py-5`,children:[n&&W,(0,t.jsx)("span",{className:"text-[13px] font-bold leading-tight",children:e}),O]},e)})})]}),"other"===eI&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("p",{className:"text-[15px] font-bold text-[#101a72]",children:e$?.id==="autre"?b.otherQuestionFree:b.otherQuestionDetail}),(0,t.jsx)("textarea",{value:eq,onChange:e=>{ez(e.target.value),eC("other")},maxLength:500,rows:3,placeholder:b.otherPlaceholder,className:"mt-3 w-full resize-none rounded-2xl border border-[#101a72]/15 bg-white p-4 text-[13px] leading-snug text-[#101a72] shadow-sm outline-none transition placeholder:text-[#101a72]/40 focus:border-[#FF3869] focus:ring-2 focus:ring-[#FF3869]/20"}),(0,t.jsxs)("div",{className:"mt-1 flex items-center justify-between gap-3",children:[(0,t.jsxs)("span",{className:"text-[11px] text-[#101a72]/40",children:[eq.length," / 500"]}),(0,t.jsx)("button",{type:"button",disabled:!eL,onClick:()=>eC(null),className:D,children:b.validate})]})]}),"done"===eI&&(0,t.jsxs)("div",{className:"flex h-full flex-col justify-center gap-4 roun
2ded-2xl bg-[#101a72]/[0.04] px-4 py-4",children:[(0,t.jsxs)("p",{className:"text-[13px] leading-snug text-[#101a72]",children:[(0,t.jsx)("span",{className:"font-bold",children:b.doneTitle})," ",b.doneText]}),(0,t.jsx)("button",{type:"button","aria-label":b.doneCtaAria,onPointerDown:eG,onPointerEnter:()=>N(!0),onPointerLeave:()=>N(!1),onKeyDown:e=>{" "!==e.key&&"Enter"!==e.key||e.repeat||(e.preventDefault(),eG(e))},className:`${D} self-start`,children:b.doneCta})]})]},eI)]}),(0,t.jsxs)("aside",{className:"flex min-h-0 flex-col rounded-2xl border border-[#101a72]/10 bg-[#101a72]/[0.03] p-3",children:[(0,t.jsxs)("div",{className:"mb-2 flex items-center justify-between gap-2 px-1 lg:pr-11",children:[(0,t.jsx)("span",{className:"text-[11px] font-bold uppercase tracking-[0.08em] text-[#101a72]/40",children:b.brief}),!!ew&&(0,t.jsx)("button",{type:"button",onClick:eT,className:"cursor-pointer text-[11px] font-semibold text-[#101a72]/40 underline-offset-2 transition hover:text-[#FF3869] hover:underline",children:b.clear})]}),(0,t.jsx)("div",{className:"flex flex-col gap-1.5",children:e_.map(e=>{let n=e.id===eI,a=!!e.value||n;return(0,t.jsxs)("button",{type:"button",disabled:!a,"aria-current":n,onClick:()=>eC(e.id),className:`rounded-xl border px-3 py-2 text-left transition ${n?"border-[#FF3869] bg-white text-[#FF3869] shadow-[0_10px_28px_-20px_rgba(255,56,105,0.9)]":a?"cursor-pointer border-[#101a72]/10 bg-white text-[#101a72] hover:border-[#FF3869]/40":"border-dashed border-[#101a72]/15 bg-transparent text-[#101a72]/30"}`,children:[(0,t.jsx)("span",{className:`block truncate text-[10px] font-bold uppercase tracking-[0.06em] ${n?"text-[#FF3869]/70":"text-[#101a72]/40"}`,children:e.label}),(0,t.jsx)("span",{className:"block text-[12px] font-bold leading-snug",children:e.value||b.toFill})]},e.id)})})]})]})]})},e8=()=>(0,t.jsxs)("button",{type:"button",onClick:()=>el(!0),className:`flex h-11 w-full items-center justify-between gap-3 rounded-full border bg-white px-5 text-left text-sm shadow-sm outline-none transition hover:border-[#FF3869]/50 focus:border-[#FF3869] focus:ring-2 focus:ring-[#FF3869]/20 ${eK?"border-[#FF3869]":"border-[#101a72]/15"}`,children:[(0,t.jsx)("span",{className:`min-w-0 truncate ${er?"text-[#101a72]":"text-[#101a72]/40"}`,children:er||b.messagePlaceholder}),(0,t.jsx)("span",{"aria-hidden":!0,className:"shrink-0 text-[#FF3869]",children:"⤢"})]}),e9=()=>{let e,n,a,i="sending"===f,r="mailing"===f,o=i||r,s=o?w:eV+(100-eV)*w/100,l=Math.round(s),c=s/100,d=F&&!o,u=["inset 0 1px 0 rgba(255,255,255,.3)",`inset 0 0 24px rgba(255,255,255,${(.16+.1*c).toFixed(2)})`,"inset 0 -8px 16px -14px rgba(190,20,70,.25)"],p=[`0 0 ${Math.round(8+4*c)}px rgba(255,190,210,${(.32+.15*c).toFixed(2)})`,`0 1px 2px rgba(190,20,70,${(.22+.08*c).toFixed(2)})`,`0 ${Math.round(4+4*c)}px ${Math.round(12+8*c)}px -6px rgba(255,56,105,${(.38+.15*c).toFixed(2)})`,`0 0 ${Math.round(18+16*c)}px rgba(255,56,105,${(.3+.18*c).toFixed(2)})`,`0 0 ${Math.round(40+30*c)}px ${Math.round(2+6*c)}px rgba(255,56,105,${(.18+.15*c).toFixed(2)})`];return(0,t.jsxs)("button",{type:"button",disabled:o,"aria-label":i?b.sendingAria:r?b.sentAria:b.submitAria,onPointerDown:eG,onPointerEnter:()=>N(!0),onPointerLeave:()=>N(!1),onKeyDown:e=>{" "!==e.key&&"Enter"!==e.key||e.repeat||(e.preventDefault(),eG(e))},className:`${r?H:o?Y:eR?K:B}${d?" submit-on":""}`,style:{boxShadow:[...u,...p].join(", "),transition:j?"background-color .3s ease, color .3s ease, translate .3s ease":"box-shadow .5s ease-out, background-color .3s ease, color .3s ease, translate .3s ease",...d&&eR?{backgroundColor:"#101a72",color:"#FF5C8A",translate:"0 -1px"}:null},children:[(0,t.jsx)("span",{className:"submit-sheen pointer-events-none absolute inset-0 rounded-full"}),(0,t.jsx)("span",{className:"submit-breath pointer-events-none absolute inset-0 rounded-full",children:(0,t.jsx)("span",{className:"submit-breath-core absolute inset-0 rounded-full"})}),(0,t.jsx)("span",{className:"relative grid h-13 w-13 shrink-0 place-items-center",children:r?(0,t.jsxs)("span",{className:"absolute inset-0 grid place-items-center","aria-hidden":!0,
2children:[q&&(0,t.jsx)("style",{children:(e=G(q),n=["0%,60%{transform:translateY(0);animation-timing-function:ease-in}"],a=["0%,60%{transform:rotate(0deg);animation-timing-function:ease-in-out}"],e.slice(1).forEach((t,i)=>{let r=e[i],o=Math.abs(t.y)>Math.abs(r.y)?"ease-out":"ease-in";n.push(`${t.p}%{transform:translateY(${t.y}px);animation-timing-function:${o}}`);let s=Math.max(-30,Math.min(30,180*Math.atan2(t.y-r.y,(t.p-r.p)*5.75)/Math.PI)),l=+((r.p+t.p)/2).toFixed(1);a.push(`${l}%{transform:rotate(${s.toFixed(1)}deg);animation-timing-function:ease-in-out}`),t.p<100&&a.push(`${t.p}%{transform:rotate(0deg);animation-timing-function:ease-in-out}`)}),`@keyframes mail-wave{${n.join("")}}@keyframes mail-tilt{${a.join("")}}`)}),(0,t.jsxs)("span",{className:"relative h-8 w-8",style:{perspective:"260px"},children:[(0,t.jsxs)("span",{className:"mail-env absolute inset-0",children:[(0,t.jsx)("span",{className:"mail-letter absolute top-[1px] left-1/2 z-[5] -ml-[12px] grid h-4 w-6 place-items-center rounded-[2px] bg-white shadow-[0_1px_3px_rgba(0,0,0,0.25)]",children:(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"#FF3869",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round",className:"mail-check h-2.5 w-2.5",children:(0,t.jsx)("path",{d:"m5 13 4 4L19 7"})})}),(0,t.jsx)("span",{className:"absolute bottom-[3px] left-1/2 z-10 -ml-[15px] h-[18px] w-[30px] rounded-[3px] bg-[#FF3869] shadow-[0_2px_5px_rgba(0,0,0,0.25)]"}),(0,t.jsx)("span",{className:"mail-flap absolute top-[11px] left-1/2 z-[1] -ml-[15px] h-[10px] w-[30px] bg-[#ff5c86]",style:{clipPath:"polygon(0 0, 100% 0, 50% 100%)",transformOrigin:"top center"}})]}),(0,t.jsx)("svg",{className:"mail-trail pointer-events-none absolute top-1/2 left-1/2 z-20 -mt-[20px] h-[40px] w-[230px] overflow-visible",viewBox:"0 0 230 40",fill:"none","aria-hidden":!0,children:(0,t.jsx)("path",{d:q?(e=>{let t=G(e).map(e=>({x:+((e.p-60)*5.75).toFixed(1),y:+(20+e.y).toFixed(1)})),n=`M${t[0].x} ${t[0].y}`;for(let e=0;e<t.length-1;e++){let a=t[e-1]??t[e],i=t[e],r=t[e+1],o=t[e+2]??r,s=+(i.x+(r.x-a.x)/6).toFixed(1),l=+(i.y+(r.y-a.y)/6).toFixed(1),c=+(r.x-(o.x-i.x)/6).toFixed(1),d=+(r.y-(o.y-i.y)/6).toFixed(1);n+=` C ${s} ${l}, ${c} ${d}, ${r.x} ${r.y}`}return n})(q):"M0 20 C 5.8 17.5, 24 6.3, 34.5 5 C 45.1 3.7, 52.8 7.2, 63.3 12 C 73.9 16.8, 85.4 33.7, 97.8 34 C 110.3 34.3, 126.5 19, 138 14 C 149.5 9, 156.3 1.7, 166.8 4 C 177.4 6.3, 190.8 26, 201.3 28 C 211.8 30, 225.2 18, 230 16",stroke:"#ffffff",strokeOpacity:"0.7",strokeWidth:"2",strokeLinecap:"round",strokeDasharray:"2 7"})}),(0,t.jsx)("span",{className:"mail-plane absolute top-1/2 left-1/2 z-30 -mt-[15px] -ml-[15px] text-[#FF3869]",children:(0,t.jsx)("span",{className:"mail-wave block",children:(0,t.jsx)("span",{className:"mail-tilt block",children:((e="h-5 w-5")=>(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"currentColor",stroke:"#d62f58",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round",className:e,children:[(0,t.jsx)("path",{d:"m22 2-7 20-4-9-9-4Z"}),(0,t.jsx)("path",{d:"M22 2 11 13",fill:"none"})]}))("h-[30px] w-[30px] rotate-45")})})})]})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("span",{className:"pulse-stack pointer-events-none absolute inset-0",style:{"--pulse-d":`${(j?1.7-.9*c:d?2.1:3).toFixed(2)}s`,"--pulse-a":(j?.3+.25*c:d?.34:.2).toFixed(2),"--pulse-w":j?"1.1px":d?".8px":".6px"},"aria-hidden":!0,children:[(0,t.jsx)("span",{className:"pulse-ring"}),(0,t.jsx)("span",{className:"pulse-ring"}),(0,t.jsx)("span",{className:"pulse-ring"})]}),(0,t.jsxs)("svg",{viewBox:"0 0 52 52",className:"submit-ring absolute inset-0 h-13 w-13 -rotate-90","aria-hidden":!0,children:[(0,t.jsx)("circle",{cx:26,cy:26,r:25.2,fill:"none",stroke:"currentColor",strokeOpacity:"0.4",strokeWidth:1.6}),(0,t.jsx)("circle",{cx:26,cy:26,r:25.2,fill:"none",stroke:"currentColor",strokeWidth:1.6,strokeLinecap:"round",strokeDasharray:Q,strokeDashoffset:Q*(1-c),style:{transition:j?"none":"stroke-dashoffset 500ms cubic-bezier(.22,1,.36,1)"}})]}),(0,t.jsxs)("span",{className:`submit-ring-num flex items-start font-medium leading-none tabular-nums tracking-[-0.02em] ${d&&!j?"num-jitter":""}`,children:[(0,t.jsx)("span",{className:"text-[15px]",children:l}),(0,t.jsx)("span",{className:"mt-[2px] text-[9px] opacity-75",children:"%"})]})]})}),(0,t.jsxs)("span",{className:`relative mx-auto flex flex-col items-start leading-tight transition-opacity duration-200 ${r?"opacity-0":"opacity-100"}`,children:[(0,t.jsx)("span",{children:i?b.sending:b.submit}),!i&&(0,t.jsx)("span",{className:`grid transition-all duration-300 ease-out ${eR?"grid-rows-[1fr] opacity-70":"grid-rows-[0fr] opacity-0"}`,"aria-hidden":!eR,children:(0,t.jsx)("span",{className:"overflow-hidden text-[11px] font-normal leading-tight tracking-[0]",children:j?b.holdKeep:b.holdHint})})]})]})}
2,e7=e=>(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("input",{type:"hidden",name:"form_type",value:e}),h.countryName&&(0,t.jsx)("input",{type:"hidden",name:h.countryName,value:J}),(0,t.jsx)("input",{type:"text",name:"Captcha",tabIndex:-1,autoComplete:"off","aria-hidden":"true",className:"pointer-events-none absolute left-[-9999px] h-0 w-0 opacity-0"}),(0,t.jsxs)("label",{className:"hidden",children:[(0,t.jsx)("input",{type:"checkbox",name:"ia-checkbox",className:"ia-checkbox"}),(0,t.jsx)("span",{children:"Checkbox"})]}),(0,t.jsx)("input",{type:"hidden",name:h.descriptionName,value:er}),h.funnelName&&(0,t.jsx)("input",{type:"hidden",name:h.funnelName,value:eB}),(0,t.jsx)("input",{type:"hidden",name:h.fileName??"file-attachement",value:ep}),d.map(e=>(0,t.jsx)("input",{type:"hidden",name:e,value:c[e]??""},e))]}),te=()=>(0,t.jsx)("p",{className:"text-center font-bold uppercase tracking-[0.05em] text-[#101a72]",children:r??b.title}),tt=()=>(0,t.jsxs)("div",{className:"funnel-in flex min-h-[132px] flex-col items-center justify-center gap-4 text-center lg:flex-row lg:gap-6 lg:text-left",children:[(0,t.jsxs)("span",{className:"relative grid h-14 w-14 shrink-0 place-items-center",children:[(0,t.jsx)("span",{"aria-hidden":!0,className:"success-halo absolute inset-0 rounded-full border border-[#FF3869]"}),(0,t.jsx)("span",{className:"success-badge relative grid h-14 w-14 place-items-center rounded-full bg-[#FF3869] shadow-[0_14px_32px_-14px_rgba(255,56,105,0.95)]",children:(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"#ffffff",strokeWidth:"2.6",strokeLinecap:"round",strokeLinejoin:"round",className:"success-check h-6 w-6","aria-hidden":!0,children:(0,t.jsx)("path",{d:"m5 12.5 4.5 4.5L19 7.5"})})})]}),(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsx)("p",{className:"text-sm font-bold uppercase tracking-[0.05em] text-[#101a72]",children:b.successTitle}),(0,t.jsx)("p",{className:"mt-1.5 max-w-md text-[13px] leading-snug text-[#101a72]/60",children:b.successText})]}),(0,t.jsxs)("div",{className:"flex shrink-0 flex-col items-center gap-2 lg:ml-auto lg:items-end",children:[(0,t.jsx)("button",{type:"button",onClick:()=>v("idle"),className:D,children:b.newRequest}),(0,t.jsx)("a",{href:"mailto:[email protected]",className:"text-[11px] text-[#101a72]/45 underline-offset-2 transition hover:text-[#FF3869] hover:underline",children:b.question})]})]}),tn=()=>(0,t.jsx)("p",{className:"text-center text-xs font-medium text-[#FF3869]",children:b.error}),ta=(0,t.jsx)("style",{children:` 3 4 @keyframes mail-env { 5 0% { opacity: 0; transform: scale(.6); animation-timing-function: cubic-bezier(.2,.9,.3,1.5); } 6 8% { opacity: 1; transform: scale(1); } 7 58% { opacity: 1; transform: scale(1) rotate(0deg); animation-timing-function: cubic-bezier(.6,0,.4,1); } 8 64% { transform: scale(1.05) rotate(-7deg); } 9 72% { opacity: 1; transform: scaleX(.5) scaleY(.82) rotate(-26deg); } 10 78%, 100%{ opacity: 0; transform: scaleX(.15) scaleY(.6) rotate(-42deg); } 11 } 12 13 @keyframes mail-letter { 14 0%, 8% { opacity: 0; transform: translateY(2px) scale(.8); animation-timing-function: cubic-bezier(.2,.9,.3,1.4); } 15 20% { opacity: 1; transform: translateY(-8px) scale(1); } 16 38% { transform: translateY(-8px) scale(1); animation-timing-function: cubic-bezier(.5,0,.5,1); } 17 52%, 100%{ transform: translateY(10px) scale(.93); opacity: 1; } 18 } 19 20 @keyframes mail-check { 21 0%, 18% { opacity: 0; transform: scale(.2); animation-timing-function: cubic-bezier(.2,.9,.3,1.7); } 22 28% { opacity: 1; transform: scale(1.2); } 23 33% { transform: scale(1); } 24 44% { opacity: 1; } 25 50%, 100%{ opacity: 0; } 26 } 27 28 /* z-index n'est pas interpolable : il saute d'un palier \xe0 l'autre, ce qui 29 est voulu â le rabat passe sous la lettre puis au-dessus du corps. */ 30 @keyframes mail-flap { 31 0%, 48% { transform: rotateX(180deg); z-index: 1; animation-timing-function: cubic-bezier(.4,0,.3,1.3); } 32 60% { transform: rotateX(-10deg); z-index: 20; } 33 66%, 100%{ transform: rotateX(0deg); z-index: 20; } 34 } 35 36 @keyframes mail-plane { 37 0%, 52.8%{ opacity: 0; transform: translate(-6px, 4px) scale(.35); animation-timing-function: cubic-bezier(.2,.9,.3,1.4); } 38 60% { opacity: 1; transform: translate(0, 0) scale(1); animation-timing-function: linear; } 39 96% { opacity: 1; transform: translate(207px, 0) scale(1); animation-timing-function: linear; } 40 100% { opacity: 0; transform: translate(230px, 0) scale(.9); } 41 } 42 43 @keyframes mail-wave { 44 0%, 60% { transform: translateY(0); animation-timing-function: ease-in; } 45 66% { transform: translateY(-15px); animation-timing-function: ease-in; } 46 71% { transform: translateY(-8px); animation-timing-function: ease-out; } 47 77% { transform: translateY(14px); animation-timing-function: ease-in; } 48 84% { transform: translateY(-6px); animation-timing-function: ease-out; } 49 89% { transform: translateY(-16px); animation-timing-function: ease-in; } 50 95% { transform: translateY(8px); animation-timing-function: ease-in; } 51 100% { transform: translateY(-4px); } 52 } 53 54 @keyframes mail-tilt { 55 0%, 60% { transform: rotate(0deg); animation-timing-function: ease-in-out; } 56 63% { transform: rotate(-26deg); animation-timing-function: ease-in-out; } 57 66% { transform: rotate(0deg); animation-timing-function: ease-in-out; } 58 74% { transform: rotate(26deg); animation-timing-function: ease-in-out; } 59 77% { transform: rotate(0deg); animation-timing-function: ease-in-out; } 60 82% { transform: rotate(-26deg); animation-timing-function: ease-in-out; } 61 89% { transform: rotate(0deg); animation-timing-function: ease-in-out; } 62 92% { transform: rotate(26deg); animation-timing-function: ease-in-out; } 63 95% { transform: rotate(0deg); animation-timing-function: ease-in-out; } 64 97.5% { transform: rotate(-16deg); } 65 100% { transform: rotate(-10deg); } 66 } 67 68 @keyframes mail-trail { 69 0%, 60% { opacity: 0; clip-path: inset(0 100% 0 0); animation-timing-function: linear; } 70 61% { opacity: 1; } 71 95% { opacity: 1; } 72 100% { opacity: .35; clip-path: inset(0 0 0 0); } 73 } 74 75 .mail-env { animation: mail-env 2.8s linear forwards; } 76 .mail-letter { animation: mail-letter 2.8s linear forwards; } 77 .mail-check { animation: mail-check 2.8s linear forwards; } 78 .mail-flap { animation: mail-flap 2.8s linear forwards; backface-visibility: visible; } 79 .mail-plane { animation: mail-plane 3.5s linear forwards; } 80 .mail-wave { animation: mail-wave 3.5s linear forwards; } 81 .mail-tilt { animation: mail-tilt 3.5s linear forwards; } 82 .mail-trail { animation: mail-trail 3.5s linear forwards; opacity: 0; } 83 @media (prefers-reduced-motion: reduce) { 84 .mail-env, .mail-letter, .mail-check, .mail-flap { animation: none !important; } 85 .mail-letter { opacity: 0; } 86 .mail-check { opacity: 0; } 87 .mail-flap { transform: rotateX(0deg); } 88 .mail-plane, .mail-wave, .mail-tilt, .mail-trail { animation: none !important; } 89 .mail-plane, .mail-trail { opacity: 0; } 90 } 91 @keyframes hold-pulse { 92 0% { transform: scale(.94);
92 opacity: 0; } 93 14% { opacity: 1; } 94 100% { transform: scale(2.6); opacity: 0; } 95 } 96 .pulse-stack { z-index: -1; } 97 .pulse-ring { 98 position: absolute; 99 inset: 0; 100 border-radius: 9999px; 101 border: var(--pulse-w, .6px) solid rgba(255,56,105,var(--pulse-a, .16)); 102 animation: hold-pulse var(--pulse-d, 3s) cubic-bezier(.2,.55,.35,1) infinite; 103 transition: border-width .3s ease; 104 } 105 .submit-breath { 106 opacity: 0; 107 transition: opacity .45s ease; 108 } 109 .submit-breath-core { 110 background: radial-gradient(circle at 32px 50%, rgba(255,255,255,.55) 0%, rgba(255,255,255,.2) 38%, rgba(255,255,255,0) 74%); 111 animation: submit-breath 1.35s cubic-bezier(.4,0,.3,1) infinite; 112 animation-play-state: paused; 113 } 114 @keyframes submit-breath { 115 0%, 100% { opacity: 0; transform: scale(.84); } 116 45% { opacity: .9; transform: scale(1.05); } 117 } 118 .submit-sheen { 119 background-image: linear-gradient(180deg,#FF5C8A 0%,#FF3869 52%,#F72A61 100%); 120 transition: opacity .3s ease; 121 } 122 .submit-swap:hover .submit-sheen, 123 .submit-swap.submit-on .submit-sheen { opacity: 0; } 124 .submit-dark .submit-sheen { opacity: 0; } 125 126 /* Halo et glow blancs seulement tant que le fond est rose : sur le navy 127 (\xe9tat pr\xeat) le bouton doit rester net. */ 128 .submit-hot:not(.submit-swap):hover .submit-breath, 129 .submit-hot:not(.submit-swap).submit-on .submit-breath { opacity: 1; } 130 .submit-hot:not(.submit-swap):hover .submit-breath-core, 131 .submit-hot:not(.submit-swap).submit-on .submit-breath-core { animation-play-state: running; } 132 133 .submit-ring { 134 filter: drop-shadow(0 0 3px rgba(255,255,255,.7)) drop-shadow(0 0 9px rgba(255,255,255,.45)); 135 transition: filter .3s ease; 136 } 137 .submit-ring-num { 138 text-shadow: 0 0 8px rgba(255,255,255,.5); 139 transition: text-shadow .3s ease; 140 } 141 .submit-hot:not(.submit-swap):hover .submit-ring, 142 .submit-hot:not(.submit-swap).submit-on .submit-ring { 143 filter: drop-shadow(0 0 4px rgba(255,255,255,1)) 144 drop-shadow(0 0 10px rgba(255,255,255,.95)) 145 drop-shadow(0 0 22px rgba(255,255,255,.8)) 146 drop-shadow(0 0 40px rgba(255,255,255,.55)) 147 drop-shadow(0 0 64px rgba(255,255,255,.35)); 148 } 149 .submit-hot:not(.submit-swap):hover .submit-ring-num, 150 .submit-hot:not(.submit-swap).submit-on .submit-ring-num { 151 text-shadow: 0 0 5px rgba(255,255,255,1), 152 0 0 12px rgba(255,255,255,.9), 153 0 0 24px rgba(255,255,255,.7), 154 0 0 44px rgba(255,255,255,.45), 155 0 0 70px rgba(255,255,255,.3); 156 } 157 158 .submit-swap:hover .submit-ring, 159 .submit-swap.submit-on .submit-ring { filter: none; } 160 .submit-swap:hover .submit-ring-num, 161 .submit-swap.submit-on .submit-ring-num { text-shadow: none; } 162 163 @keyframes num-jitter { 164 0%, 100% { transform: translate(0, 0) rotate(0deg); } 165 10% { transform: translate(-.6px, .4px) rotate(-3deg); } 166 22% { transform: translate(.7px, -.4px) rotate(3deg); } 167 35% { transform: translate(-.5px, -.3px) rotate(-2.2deg); } 168 48% { transform: translate(.5px, .4px) rotate(2deg); } 169 62% { transform: translate(-.4px, .2px) rotate(-1.4deg); } 170 76% { transform: translate(.3px, -.2px) rotate(1deg); } 171 88% { transform: translate(-.2px, .1px) rotate(-.5deg); } 172 } 173 .num-jitter { 174 animation: num-jitter .55s cubic-bezier(.36,.07,.19,.97) infinite; 175 transform-origin: center; 176 } 177 178 @media (prefers-reduced-motion: reduce) { 179 .submit-breath-core { animation: none !important; opacity: .3; } 180 .num-jitter { animation: none !important; } 181 } 182 183 .pulse-ring:nth-child(2) { animation-delay: calc(var(--pulse-d, 3s) * -0.34); } 184 .pulse-ring:nth-child(3) { animation-delay: calc(var(--pulse-d, 3s) * -0.67); } 185 @media (prefers-reduced-motion: reduce) { 186 .pulse-ring { animation: none !important; opacity: 0; } 187 } 188 189 @keyframes success-pop { 190 0% { transform: scale(.5); opacity: 0; } 191 62% { transform: scale(1.09); opacity: 1; } 192 100% { transform: scale(1); } 193 } 194 @keyframes success-draw { to { stroke-dashoffset: 0; } } 195 @keyframes success-halo { 196 0% { transform: scale(1); opacity: .5; } 197 70% { opacity: 0; } 198 100% { transform: scale(1.85); opacity: 0; } 199 } 200 .success-badge { animation: success-pop .5s cubic-bezier(.2,.9,.3,1.5) both; } 201 .success-check { 202 stroke-dasharray: 26; 203 stroke-dashoffset: 26; 204 animation: success-draw .4s .28s cubic-bezier(.4,0,.2,1) forwards; 205 } 206 .success-halo { animation: success-halo 2.6s .5s cubic-bezier(.2,.55,.35,1) infinite; opacity: 0; } 207 @media (prefers-reduced-motion: reduce) { 208 .success-badge, .success-halo { animation: none !important; } 209 .success-check { stroke-dashoffset: 0; animation: none !important; } 210 } 211 212 @keyframes funnel-in { 213 from { opacity: 0; transform: translateY(-6px); } 214 to { opacity: 1; transform: translateY(0); } 215 } 216 .funnel-in { animation: funnel-in .28s cubic-bezier(.22,1,.36,1) both; } 217 @media (prefers-reduced-motion: reduce) { 218 .funnel-in { animation: none !important; } 219 } 220 .bar-slider { 221 width: 100%; 222 height: 6px; 223 border-radius: 9999px; 224 outline: none; 225 -webkit-appearance: none; 226 appearance: none; 227 } 228 .bar-slider::-webkit-slider-thumb { 229 -webkit-appearance: none; 230 appearance: none;
231 width: 20px; 232 height: 20px; 233 border-radius: 9999px; 234 background: linear-gradient(to right, #FF3869, #FFA4AF); 235 cursor: pointer; 236 transition: box-shadow 0.3s ease-in-out; 237 } 238 .bar-slider::-webkit-slider-thumb:hover { 239 box-shadow: 0 3px 8px rgba(255,56,105,0.5); 240 } 241 .bar-slider::-moz-range-thumb { 242 width: 20px; 243 height: 20px; 244 border: none; 245 border-radius: 9999px; 246 background: linear-gradient(to right, #FF3869, #FFA4AF); 247 cursor: pointer; 248 } 249 /* Tant que la dur\xe9e n'a pas \xe9t\xe9 r\xe9gl\xe9e, le curseur fait un aller-retour 250 + halo pour signaler qu'il est manipulable. Le translateX est purement 251 visuel : il ne modifie pas la valeur de l'input. */ 252 @keyframes slider-nudge { 253 0%, 55%, 100% { transform: translateX(0) scale(1); box-shadow: 0 0 0 0 rgba(255,56,105,0.45); } 254 20% { transform: translateX(7px) scale(1.12); box-shadow: 0 0 0 7px rgba(255,56,105,0); } 255 37% { transform: translateX(0) scale(1.06); box-shadow: 0 0 0 0 rgba(255,56,105,0); } 256 } 257 /* Le remplissage suit le curseur : les distances sont en px car le hint 258 ne tourne qu'\xe0 la valeur minimale (piste vide, thumb coll\xe9 \xe0 gauche). */ 259 @keyframes slider-nudge-track { 260 0%, 55%, 100% { background: linear-gradient(to right, #FF3869 0 10px, rgba(16,26,114,0.12) 10px); } 261 20% { background: linear-gradient(to right, #FF3869 0 17px, rgba(16,26,114,0.12) 17px); } 262 37% { background: linear-gradient(to right, #FF3869 0 10px, rgba(16,26,114,0.12) 10px); } 263 } 264 .bar-slider--hint { 265 animation: slider-nudge-track 2.6s ease-in-out infinite; 266 } 267 .bar-slider--hint:hover, 268 .bar-slider--hint:active { 269 animation: none; 270 } 271 .bar-slider--hint::-webkit-slider-thumb { 272 animation: slider-nudge 2.6s ease-in-out infinite; 273 } 274 .bar-slider--hint::-moz-range-thumb { 275 animation: slider-nudge 2.6s ease-in-out infinite; 276 } 277 .bar-slider--hint:hover::-webkit-slider-thumb, 278 .bar-slider--hint:active::-webkit-slider-thumb { 279 animation: none; 280 } 281 .bar-slider--hint:hover::-moz-range-thumb, 282 .bar-slider--hint:active::-moz-range-thumb { 283 animation: none; 284 } 285 @media (prefers-reduced-motion: reduce) { 286 .bar-slider--hint, 287 .bar-slider--hint::-webkit-slider-thumb, 288 .bar-slider--hint::-moz-range-thumb { animation: none !important; } 289 } 290 .bar-phone { 291 --react-international-phone-height: 44px; 292 --react-international-phone-background-color: #ffffff; 293 --react-international-phone-text-color: #101a72; 294 --react-international-phone-border-color: rgba(16,26,114,0.15); 295 --react-international-phone-border-radius: 9999px; 296 --react-international-phone-font-size: 14px; 297 --react-international-phone-country-selector-background-color: #ffffff; 298 --react-international-phone-country-selector-background-color-hover: rgba(16,26,114,0.05); 299 --react-international-phone-dropdown-item-background-color: #ffffff; 300 --react-international-phone-dropdown-item-text-color: #101a72; 301 --react-international-phone-dropdown-item-background-color-hover: #f1f1f6; 302 --react-international-phone-selected-dropdown-item-background-color: #f1f1f6; 303 } 304 .bar-phone .react-international-phone-input { 305 width: 100%; 306 border-top-right-radius: 9999px; 307 border-bottom-right-radius: 9999px; 308 } 309 .bar-phone .react-international-phone-country-selector-button { 310 border-top-left-radius: 9999px; 311 border-bottom-left-radius: 9999px; 312 padding-left: 10px; 313 padding-right: 6px; 314 width: auto; 315 } 316 `});return(0,t.jsxs)(t.Fragment,{children:[ta,es?(0,t.jsx)("div",{className:"fixed inset-0 z-[90] flex items-center justify-center bg-[#101a72]/40 p-4 backdrop-blur-sm",onClick:()=>el(!1),children:(0,t.jsxs)("div",{className:"relative flex w-full max-w-3xl flex-col rounded-3xl bg-white p-6 shadow-2xl sm:p-8",onClick:e=>e.stopPropagation(),children:[(0,t.jsxs)("div",{className:"mb-4 flex items-start justify-between gap-4",children:[(0,t.jsx)("h3",{className:"text-base font-bold uppercase tracking-[0.05em] text-[#101a72] sm:text-lg",children:b.modalTitle}),(0,t.jsx)("button",{type:"button",onClick:()=>el(!1),"aria-label":b.close,className:"-mr-1 -mt-1 cursor-pointer rounded-full p-2 text-xl leading-none text-[#101a72]/60 transition hover:text-[#FF3869]",children:"â"})]}
316),(0,t.jsx)("textarea",{autoFocus:!0,value:er,onChange:e=>{eo(e.target.value),ec&&ed(!1)},maxLength:5e3,placeholder:b.modalPlaceholder,className:"h-[45vh] w-full resize-none rounded-2xl border border-[#101a72]/15 bg-white p-5 text-base text-[#101a72] shadow-inner outline-none transition placeholder:text-[#101a72]/40 focus:border-[#FF3869] focus:ring-2 focus:ring-[#FF3869]/20"}),(0,t.jsxs)("div",{className:"mt-4 flex flex-wrap items-center justify-between gap-3",children:[(0,t.jsx)("span",{className:`text-xs ${eK?"text-[#FF3869]":"text-[#101a72]/40"}`,children:eK?b.descRequired:`${er.length} / 5000`}),(0,t.jsxs)("div",{className:"flex shrink-0 items-center gap-3",children:[(0,t.jsx)(l,{label:b.fileLabel,uploadingLabel:b.fileUploading,errorLabel:b.fileError,triggerClassName:"flex h-11 max-w-[220px] cursor-pointer items-center justify-center gap-2 truncate rounded-full border border-[#101a72]/20 bg-white px-5 text-xs font-bold uppercase tracking-[0.05em] text-[#101a72] shadow-sm transition hover:border-[#FF3869] hover:text-[#FF3869]",fileName:eh,onFileChange:(e,t)=>
316{em(e),ex(t)},withHiddenInput:!1}),(0,t.jsx)("button",{type:"button",onClick:()=>el(!1),className:D,children:b.validate})]})]})]})}):null,(0,t.jsx)("div",{className:"sticky top-0 z-[60] isolate hidden border-y border-[#101a72]/10 bg-white/85 backdrop-blur-xl lg:block",children:(0,t.jsx)("div",{className:"mx-auto max-w-7xl px-6 py-3",children:"ok"===f?tt():(0,t.jsxs)("form",{onSubmit:eJ,className:"flex flex-col gap-3",children:[e7(h.formType??"sticky"),te(),(0,t.jsxs)("div",{className:"grid grid-cols-1 gap-3 lg:grid-cols-[minmax(0,1fr)_minmax(0,1fr)_minmax(0,1.4fr)_auto] lg:items-start",children:[e5(),e2(),e8(),(0,t.jsx)("div",{className:"lg:row-span-2 lg:min-w-60 lg:self-center",children:e9()}),(0,t.jsx)("div",{className:"lg:col-span-2 lg:col-start-2",children:e3()})]}),e6&&(0,t.jsx)("div",{className:"absolute inset-x-0 top-full px-6 pt-3",children:(0,t.jsx)("div",{className:"mx-auto max-w-7xl",children:e4()})}),"error"===f&&tn()]})})}),(0,t.jsxs)("div",{className:"lg:hidden",children:[(0,t.jsx)("div",{className:`fixed inset-x-0 top-0 z-[60] max-h-[88vh] overflow-y-auto rounded-b-3xl border-b border-[#101a72]/10 bg-white/95 px-6 pb-24 pt-8 shadow-2xl backdrop-blur-xl transition-transform duration-300 ease-out ${ea?"translate-y-0":"-translate-y-full"}`,children:"ok"===f?(0,t.jsx)("div",{className:"py-4",children:tt()}):(0,t.jsxs)("form",{onSubmit:eJ,className:"flex flex-col gap-4",children:[e7(h.mobileFormType??h.formType??"sticky"),te(),e5(),e2(),e8(),e3(),e4(),(0,t.jsx)("div",{className:"min-w-60 max-w-full self-center",children:e9()}),"error"===f&&tn()]})}),(0,t.jsx)("button",{type:"button",onClick:()=>ei(e=>!e),"aria-expanded":ea,className:"fixed bottom-5 left-1/2 z-[70] -translate-x-1/2 cursor-pointer rounded-full bg-[#FF3869] px-8 py-4 text-sm font-semibold text-white shadow-[0_15px_40px_-10px_rgba(255,56,105,0.8)] transition hover:bg-[#ff507c]",children:ea?b.mobileClose:b.mobileOpen})]})]})}],19571)},65649,e=>{"use strict";let t=(0,e.i(56420).default)("user-round",[["circle",{cx:"12",cy:"8",r:"5",key:"1hypcn"}],["path",{d:"M20 21a8 8 0 0 0-16 0",key:"rfgkzh"}]]);e.s(["UserRound",0,t],65649)}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.