.hero{box-sizing:border-box;width:100%;max-width:calc(var(--max-width) + 2 * 64px);margin-inline:auto;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>*{width:100%;max-width:var(--max-width);margin-inline:auto}.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__heading{display:flex;flex-direction:column;gap:var(--distance-m)}.hero__eyebrow{font-size:18px;font-weight:600;line-height:1.3;color:var(--color-dark)}.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__subtitle a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px}.hero__mascot{flex:1;min-width:200px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;@media(max-width:1140px){min-width:0}.speech-bubble{max-width:min(200px,100%)}& 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:1140px){flex-direction:column;gap:var(--gap-l)}}.supported-by__label{font-family:var(--font-body);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:1140px){flex-wrap:wrap;justify-content:center;gap:var(--gap-m) var(--gap-l)}& 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}.supported-by__logo--edtech{height:80px;width:auto}.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}}.personas{padding:0 var(--distance-m)}.personas__content{box-sizing:border-box;max-width:calc(var(--max-width) + 2 * var(--distance-xl));margin-inline:auto;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%;max-width:var(--max-width);@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__icon{width:100px;height:100px;border-radius:50px;display:flex;align-items:center;justify-content:center;font-size:40px;background:var(--color-yellow);color:var(--color-dark)}.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__quote{font-size:14px;line-height:1.4em}.testimonial-card__highlight{display:flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:14px;line-height:1.4em;color:var(--color-dark);& i{width:14px;text-align:center}}.testimonial-card__arrow{margin-left:auto;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}}