.hero{background-color:var(--color-green-light);border-radius:64px;padding:64px;display:flex;flex-direction:column;gap:64px;@media(max-width:700px){border-radius:32px;padding:32px 16px;gap:32px}}.hero__content{width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--gap-xl);@media(max-width:700px){flex-direction:column;text-align:center}}.hero__text{flex:2;display:flex;flex-direction:column;gap:var(--gap-l);@media(max-width:700px){flex:1;align-items:center}}.hero__title{font-family:Prompt,sans-serif;font-size:64px;font-weight:700;color:var(--color-dark);line-height:1.1;@media(max-width:700px){font-size:40px}}.hero__title-line{display:block}.hero__highlight{position:relative;z-index:1;white-space:nowrap;&:before{content:"";position:absolute;bottom:5%;left:-5px;right:-5px;height:50px;background:var(--color-yellow);z-index:-1;transform:rotate(-1deg);@media(max-width:700px){height:30px}}}.hero__subtitle{font-size:20px;line-height:1.2;color:var(--color-dark);max-width:500px;@media(max-width:700px){font-size:18px}}.hero__mascot{flex:1;min-width:200px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;@media(max-width:700px){min-width:auto}& canvas{width:200px;height:200px}}.supported-by{padding:var(--distance-xl) 0}.supported-by__content{width:90%;max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--gap-l);@media(max-width:700px){flex-direction:column;gap:var(--gap-l)}}.supported-by__label{font-family:proxima-nova,sans-serif;font-size:14px;font-weight:400;line-height:19.6px;color:var(--color-dark)}.supported-by__logos{display:flex;flex-direction:row;align-items:center;gap:var(--gap-l);@media(max-width:700px){flex-wrap:wrap;justify-content:center;gap:var(--gap-m)}& img{object-fit:contain;filter:grayscale(100%);transition:all .3s ease;&:hover{filter:grayscale(0%)}}}.supported-by__logo--frenchtech{width:100px;height:100px}.supported-by__logo--bpi,.supported-by__logo--marseille{width:173px;height:50px}.supported-by__logo--scaleway{width:250px;height:26px}.solution{padding:var(--distance-xl) 0}.solution__content{width:90%;max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--distance-xl)}.solution__title{color:var(--color-dark);text-align:center}.solution__grid{display:flex;flex-direction:column;gap:var(--distance-m);width:100%}.solution__row{display:flex;gap:var(--distance-m);@media(max-width:700px){flex-direction:column}:global(.solution-card:first-child){flex:2 1 0;min-width:0}:global(.solution-card:last-child){flex:1 1 0;min-width:0}}.solution__row--offset{:global(.solution-card:first-child){flex:1 1 0;min-width:0}:global(.solution-card:last-child){flex:2 1 0;min-width:0}}.solution-card__placeholder{background:#d9d9d9;width:100%;height:200px;border-radius:var(--border-radius)}.solution-card__illustration{width:100%;height:auto;border-radius:var(--border-radius)}.illustration-pilote-wrapper{overflow:hidden;border-radius:var(--border-radius);mask-image:linear-gradient(to right,transparent 0%,black 20%,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 20%,black 80%,transparent 100%)}.illustration-pilote{width:auto;height:auto}.illustration-qualiopi-wrapper{overflow:hidden;border-radius:var(--border-radius);mask-image:linear-gradient(to right,black 0%,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 0%,black 80%,transparent 100%)}.illustration-qualiopi{width:auto;height:auto}@keyframes dot-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.illustration-qualiopi .qualiopi-dot{opacity:0;transform-origin:center;transform-box:fill-box}.illustration-qualiopi.is-visible .qualiopi-dot{animation:dot-pop .4s ease-out forwards}.illustration-qualiopi.is-visible .qualiopi-dot:nth-of-type(1){animation-delay:.6s}.illustration-qualiopi.is-visible .qualiopi-dot:nth-of-type(2){animation-delay:.7s}.illustration-qualiopi.is-visible .qualiopi-dot:nth-of-type(3){animation-delay:.8s}.illustration-gestion-wrapper{overflow:hidden;border-radius:var(--border-radius);mask-image:linear-gradient(to right,transparent 0%,black 20%,black 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 20%,black 100%)}.illustration-gestion{width:auto;height:auto;margin-right:var(--distance-l)}.illustration-gestion .gestion-bubble{opacity:0;transform:translate(30px,-30px);transition:opacity .5s ease-out,transform .5s ease-out}.illustration-gestion.is-visible .gestion-bubble{opacity:1;transform:translate(0)}.illustration-gestion.is-visible .gestion-bubble:nth-of-type(1){transition-delay:0s}.illustration-gestion.is-visible .gestion-bubble:nth-of-type(2){transition-delay:.15s}.illustration-pilote>g{opacity:0;transform:translate(50px);transition:opacity .6s ease-out,transform .6s ease-out}.illustration-pilote.is-visible>g{opacity:1;transform:translate(0)}.illustration-pilote.is-visible>g:nth-child(4),.illustration-pilote.is-visible>g:nth-child(5){opacity:.5}.illustration-pilote.is-visible>g:nth-child(1){transition-delay:0s}.illustration-pilote.is-visible>g:nth-child(2){transition-delay:.1s}.illustration-pilote.is-visible>g:nth-child(3){transition-delay:.2s}.illustration-pilote.is-visible>g:nth-child(4){transition-delay:.3s}.illustration-pilote.is-visible>g:nth-child(5){transition-delay:.4s}.qualiopi-preview{background:var(--color-white-transparent);padding:var(--distance-m);border-radius:var(--border-radius);width:100%;display:flex;flex-direction:column;gap:var(--distance-m)}.qualiopi-preview__title{font-family:var(--font-body);font-size:20px;font-weight:700;line-height:24px;color:var(--color-dark)}.qualiopi-preview__indicators{display:flex;flex-direction:column;gap:var(--distance-s)}.qualiopi-preview__indicator{display:flex;align-items:center;gap:var(--distance-s);height:23px;font-family:var(--font-body);font-weight:400;font-size:14px;line-height:19.6px;color:var(--color-dark)}.qualiopi-preview__indicator--disabled{color:var(--color-grey)}.qualiopi-preview__badge{background:var(--color-dark-transparent);padding:0 var(--distance-s);border-radius:20px;font-size:12px;line-height:22.4px;margin-left:auto;& i{margin-left:var(--distance-s);font-size:10px}}.mascot-alert{display:flex;flex-direction:column;align-items:center;& canvas{width:200px;height:200px}}.mascot-alert__bubble{background:#ffffffbf;padding:var(--distance-s) var(--distance-m);border-radius:20px;box-shadow:0 0 20px #fff;font-family:var(--font-heading);font-size:12px;line-height:18px;color:var(--color-dark);text-align:center;& strong{font-weight:700}}.how-to{padding:var(--distance-xl) 0}.how-to__content{width:90%;max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:3fr 2fr;gap:var(--distance-l) var(--distance-xl);@media(max-width:900px){grid-template-columns:1fr}}.how-to__session-column{grid-column:1;grid-row:1 / -1}.how-to__session-card{position:sticky;top:100px;background:var(--color-white-transparent);border-radius:var(--distance-l);padding:var(--distance-m);display:flex;flex-direction:column;gap:var(--distance-m);opacity:0;transform:translateY(20px);transition:opacity .4s ease-out,transform .4s ease-out;@media(max-width:900px){position:static}}.how-to__session-card.is-visible{opacity:1;transform:translateY(0)}.how-to__session-info{display:flex;flex-direction:column;gap:var(--distance-s)}.how-to__session-title{font-family:var(--font-heading);font-weight:700;font-size:25.6px;line-height:30.72px;color:var(--color-dark);margin:0}.how-to__session-meta{display:flex;gap:var(--distance-l);font-family:var(--font-body);font-size:14px;line-height:19.6px;color:var(--color-dark)}.how-to__session-meta-item{display:flex;align-items:center;gap:var(--distance-s)}.how-to__session-meta-item i{font-size:14px;line-height:22.4px;opacity:0;transition:opacity .2s ease-out}.how-to__session-meta-item i.is-visible{opacity:1}.how-to__learners{display:flex;gap:var(--distance-xs);max-height:0;overflow:hidden;transition:max-height .4s ease-out}.how-to__learners.is-visible{max-height:60px}.how-to__learner-avatar{width:50px;height:50px;border-radius:50%;border:2px solid var(--color-white);overflow:hidden;opacity:0;transform:translate(20px);transition:opacity .3s ease-out,transform .3s ease-out}.how-to__learner-avatar img{width:100%;height:100%;object-fit:cover}.how-to__learner-avatar.is-visible{opacity:1;transform:translate(0)}.how-to__quali-zone{background:var(--color-dark-transparent);border-radius:var(--distance-l);padding:var(--distance-l);display:flex;gap:var(--distance-m);align-items:flex-start}.how-to__mascotte{width:150px;height:150px;flex-shrink:0}.how-to__quali-documents{flex:1;position:relative;min-height:120px}.how-to__document-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--distance-xs);position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateY(10px);transition:opacity .3s ease-out,transform .3s ease-out;pointer-events:none}.how-to__document-list.is-visible{opacity:1;transform:translateY(0);pointer-events:auto;position:relative}.how-to__document-item{display:flex;align-items:center;gap:var(--distance-m);font-family:var(--font-body);font-size:14px;line-height:19.6px;color:var(--color-dark);opacity:0;transition:opacity .2s ease-out}.how-to__document-item.is-visible{opacity:1}.how-to__document-text{min-height:1.4em}.how-to__check-icon{width:18px;height:18px;color:var(--color-dark);flex-shrink:0}.how-to__steps-column{grid-column:2;display:flex;flex-direction:column;gap:var(--distance-l);@media(max-width:900px){grid-column:1}}.how-to__header{display:flex;flex-direction:column;gap:var(--distance-s);padding-bottom:var(--distance-l)}.how-to__title{color:var(--color-dark);margin:0}.how-to__subtitle{font-family:var(--font-body);font-weight:400;font-size:20px;line-height:24px;color:var(--color-dark);margin:0}.how-to__steps{display:flex;flex-direction:column;gap:800px;padding-top:var(--distance-l);padding-bottom:100vh}.how-to__step{position:sticky;top:100px;display:flex;gap:var(--distance-l);align-items:flex-start;min-height:150px;opacity:.5;transition:opacity .3s ease-out;background:var(--color-page-background);padding:var(--distance-m) 0;@media(max-width:900px){position:static}}.how-to__step.is-active,.how-to__step.is-passed{opacity:1}.how-to__step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-dark-transparent);color:var(--color-dark);border-radius:20px;font-family:var(--font-body);font-weight:700;font-size:20px;line-height:24px;flex-shrink:0;transition:background-color .3s ease-out,color .3s ease-out}.how-to__step.is-active .how-to__step-number{background:var(--color-dark);color:var(--color-white)}.how-to__step-content{display:flex;flex-direction:column;gap:var(--distance-s)}.how-to__step-title{font-family:var(--font-heading);font-weight:700;font-size:28.8px;line-height:34.56px;color:var(--color-dark);margin:0}.how-to__step-description{font-family:var(--font-body);font-weight:400;font-size:14px;line-height:19.6px;color:var(--color-dark);margin:0}.personas{padding:0 var(--distance-m)}.personas__content{background:var(--color-yellow-light);border-radius:var(--distance-xl);padding:var(--distance-xl);display:flex;flex-direction:column;align-items:center;gap:var(--distance-xl);@media(max-width:700px){border-radius:var(--distance-l);padding:var(--distance-l);gap:var(--distance-l)}}.personas__header{display:flex;flex-direction:column;align-items:center;gap:var(--distance-s);text-align:center;max-width:680px}.personas__title{color:var(--color-dark)}.personas__subtitle{font-family:var(--font-body);font-weight:400;font-size:20px;line-height:24px;color:var(--color-dark)}.personas__grid{display:flex;gap:var(--distance-m);width:100%;@media(max-width:700px){flex-direction:column}}.persona-card{flex:1;background:var(--color-white-transparent);border-radius:var(--distance-l);padding:var(--distance-l);display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;min-height:388px}.persona-card__top{display:flex;flex-direction:column;align-items:center;gap:var(--distance-m)}.persona-card__avatar{width:100px;height:100px;border-radius:50px;object-fit:cover}.persona-card__name{color:var(--color-dark)}.persona-card__description{font-family:var(--font-body);font-weight:400;font-size:14px;line-height:19.6px;color:var(--color-dark)}.persona-card__cta{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--color-dark);text-decoration:none;padding:var(--distance-s) 0;&:hover{text-decoration:underline}}.stats{padding:var(--distance-xl) 0}.stats__content{width:90%;max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:row;gap:var(--distance-m);@media(max-width:700px){flex-direction:column}}.stats__card{flex:1;background:var(--color-dark-transparent);border-radius:var(--distance-l);padding:var(--distance-m) var(--distance-l);display:flex;flex-direction:column;align-items:flex-start}.stats__value{font-family:var(--font-heading);font-weight:700;font-size:48px;line-height:normal;color:var(--color-dark);@media(max-width:700px){font-size:36px}}.stats__label{font-family:var(--font-body);font-weight:400;font-size:14px;line-height:19.6px;color:var(--color-dark)}.testimonials{padding:var(--distance-xl) 0}.testimonials__content{width:90%;max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--gap-xl)}.testimonials__header{text-align:center;display:flex;flex-direction:column;gap:var(--gap-s)}.testimonials__title,.testimonials__subtitle{margin:0}.testimonials__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-l);@media(max-width:900px){grid-template-columns:1fr}}.testimonial-card{display:flex;flex-direction:column;gap:var(--distance-s)}.testimonial-card__box{display:flex;flex-direction:column;gap:var(--distance-m);padding:var(--distance-m);background:var(--color-white-transparent);border-radius:var(--distance-l);p{margin:0}}.testimonial-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--distance-m)}.testimonial-card__highlight{display:flex;align-items:center;gap:10px}.testimonial-card__arrow{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:15px;border:2px solid var(--color-grey);color:var(--color-grey);font-size:1rem;flex-shrink:0;&:hover{background:var(--color-dark);border-color:var(--color-dark);color:var(--color-white)}}.testimonial-card__author{display:flex;align-items:center;gap:var(--distance-m)}.testimonial-card__avatar{width:50px;height:50px;border-radius:50px;object-fit:cover;flex-shrink:0}.testimonial-card__avatar--initials{display:flex;align-items:center;justify-content:center;background:var(--color-grey-light);color:var(--color-dark);font-family:var(--font-heading);font-size:1rem;font-weight:700}.testimonial-card__author-info{display:flex;flex-direction:column;p{margin:0}}.testimonials__cta{display:flex;justify-content:center}