:root{--pink:#00d9cf;--cyan:#00d9cf;--orange:#00d9cf}
/* Le nom reste lisible ; seules les trois dernières lettres dansent. */
.logo{font-size:31px;letter-spacing:-1.8px;font-weight:800;line-height:1.2;isolation:isolate;gap:0;white-space:nowrap}.logo .logo-base{font-weight:800;display:inline-block}.logo .logo-inn{display:inline-flex;font-weight:800;gap:0;margin:0 0 0 2px;letter-spacing:-1px;position:relative;padding:8px 4px;color:var(--blue)}.logo-inn>span{display:inline-block;animation:inn-dance 3.8s cubic-bezier(.45,0,.2,1) infinite;transform-origin:center bottom;will-change:transform}.logo-inn>span:nth-child(2){animation-delay:.16s}.logo-inn>span:nth-child(3){animation-delay:.32s}.logo-inn:after{content:'';position:absolute;bottom:6px;left:3px;right:3px;height:5px;background:var(--lime);border-radius:100%;z-index:-1;animation:inn-underline 3.8s ease-in-out infinite}.logo i{font-size:35px;margin-left:6px;animation:brand-spin 10s linear infinite;color:var(--blue)}footer .logo-inn{color:var(--lime)}footer .logo-inn:after{background:var(--pink)}footer .logo i{color:var(--pink)}
@keyframes inn-dance{0%,12%,75%,100%{transform:translateY(0) rotate(0);color:var(--blue)}22%{transform:translateY(-6px) rotate(-7deg);color:#00bdb6}34%{transform:translateY(1px) rotate(5deg);color:#007e79}46%{transform:translateY(-3px) rotate(-2deg);color:var(--blue)}58%{transform:translateY(0);color:#00bdb6}}@keyframes inn-underline{0%,65%,100%{transform:scaleX(1)}30%{transform:scaleX(.7)}45%{transform:scaleX(1.1)}}@keyframes brand-spin{to{transform:rotate(360deg)}}
header{border-bottom:1px solid #ffffff;height:100px}.nav-cta{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 5px 15px #00bdb618;transition:transform .25s,background .25s}.nav-cta:hover{background:#00bdb6;transform:translateY(-2px)}.hero{position:relative;padding-top:45px;background:radial-gradient(ellipse at 5% 4%,#00d9cf18,transparent 38%),radial-gradient(ellipse at 96% 38%,#00d9cf29,transparent 42%)}.hero h1 em{animation:headline-color 9s ease-in-out infinite}.hero h1 em:after{height:12px;transform:rotate(-4deg);bottom:3px;animation:headline-line 9s ease-in-out infinite}.hero-art .orbit{background:var(--pink);color:var(--ink);animation:orbit-rock 7s ease-in-out infinite}.hero-art .orbit span{color:var(--blue)}.sticker{background:var(--orange);transform:rotate(9deg);animation:sticker-sway 8s ease-in-out infinite}.sticker>span{color:var(--blue)}.floating-tag{background:var(--lime)}.photo-wrap{box-shadow:16px 18px 0 #00d9cf}.photo-wrap img{animation:team-breathe 16s ease-in-out infinite}.ticker{background:var(--ink);border-bottom:4px solid var(--pink)}.ticker span:nth-child(2n){color:var(--cyan)}.ticker span:nth-child(3n){color:var(--pink)}
.vision{background:linear-gradient(145deg,#ffffff 0%,#ffffff 65%,#ffffff 100%)}.vision h2 span{color:var(--blue)}.values{gap:22px}.values article{padding:28px;border-top:0;border-radius:15px;transition:transform .3s,box-shadow .3s}.values article:nth-child(1){background:var(--lime)}.values article:nth-child(2){background:var(--pink)}.values article:nth-child(3){background:var(--cyan)}.values article span{color:var(--ink);font-size:14px}.values article p{color:#143d3d}.values article:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:0 16px 35px #143d3d15}.values article:nth-child(2):hover{transform:translateY(-7px) rotate(1deg)}
.jobs{background:radial-gradient(ellipse at 94% 45%,#00d9cf17,transparent 45%)}.job-card{padding:0 0 28px;min-height:535px;overflow:hidden;border-radius:16px;box-shadow:0 12px 40px #143d3d0d;position:relative;transform-style:preserve-3d;transition:transform .35s,box-shadow .35s}.job-card .job-photo{height:220px;position:relative;overflow:hidden;border-bottom:3px solid currentColor;margin-bottom:24px}.job-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1);filter:saturate(1.06)}.job-card:hover .job-photo img,.job-card:focus-visible .job-photo img{transform:scale(1.08)}.job-card:hover{box-shadow:0 22px 45px #143d3d20;transform:translateY(-9px)}.job-photo .photo-chip{position:absolute;left:17px;bottom:15px;color:#ffffff;background:#143d3da8;backdrop-filter:blur(10px);border-radius:40px;padding:8px 12px;font-size:12px;font-weight:500;letter-spacing:0}.job-card .job-icon{position:absolute;right:22px;top:185px;width:64px;height:64px;background:var(--pink);color:var(--ink);border-radius:50%;margin:0;font-size:36px;display:grid;place-items:center;box-shadow:0 5px 20px #143d3d22;transition:transform .5s}.job-card:nth-child(2) .job-icon{background:var(--blue);color:var(--lime)}.job-card:nth-child(3) .job-icon{background:var(--lime);color:var(--blue)}.job-card:hover .job-icon{transform:rotate(45deg)}.job-card>span,.job-card h3,.job-card>p,.job-card>.card-bottom{margin-left:28px;margin-right:28px}.job-card>span{margin-top:6px}.job-card h3{margin-top:19px}.job-card>.card-bottom{margin-top:auto}.job-card.lime-card{background:var(--pink)}.job-card.dark{background:#007e79}.job-card.dark .job-photo{border-color:var(--cyan)}
.missions{background:#ffffff}.mission-row{background:white;margin-bottom:12px;border:1px solid #ffffff;border-left:5px solid var(--blue);padding:22px 20px;border-radius:12px;transition:transform .25s,box-shadow .25s,border-color .25s}.mission-row:nth-child(3n+2){border-left-color:var(--pink)}.mission-row:nth-child(3n){border-left-color:#007e79}.mission-row:hover{transform:translateX(4px);box-shadow:0 8px 22px #007e790b}.mission-symbol{background:#ffffff}.mission-row:nth-child(3n+2) .mission-symbol{background:#ffffff;color:#007e79}.mission-row:nth-child(3n) .mission-symbol{background:#ffffff;color:#143d3d}.filters .active{background:var(--blue);border-color:var(--blue)}.filters button:hover:not(.active){background:#ffffff}.fictive-badge{background:#ffffff;color:#91ec00}.mission-detail{transition:background .2s,color .2s}
.how{background:linear-gradient(115deg,#00bdb6 0%,#007e79 62%,#007e79 100%);position:relative;overflow:hidden}.how-grid{position:relative;gap:7%}.how-visual h2{margin-bottom:35px}.how-photo{position:relative;border-radius:18px;overflow:hidden;transform:rotate(-3deg);max-width:460px;box-shadow:8px 10px 0 var(--pink);margin:10px 16px 15px 0}.how-photo>img{width:100%;height:250px;object-fit:cover;display:block;transition:transform 1s}.how-photo:hover>img{transform:scale(1.07)}.how-photo-tag{position:absolute;bottom:18px;left:18px;right:18px;background:var(--lime);border-radius:9px;padding:13px 17px;color:var(--ink);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.how-photo-tag span{font-size:25px;animation:brand-spin 12s linear infinite}.how article{border-color:#ffffff45}.how article b{border:1px solid #ffffff40;border-radius:50%;width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;padding:0}.how article:nth-child(2) b{background:var(--pink);color:var(--ink);border-color:var(--pink)}.how article:nth-child(3) b{background:var(--cyan);color:var(--ink);border-color:var(--cyan)}
.contact{background:radial-gradient(ellipse at 10% 65%,#00d9cf25,transparent 44%),radial-gradient(ellipse at 100% 5%,#00d9cf1a,transparent 46%)}.contact-photo{max-width:350px;position:relative;margin-top:34px}.contact-photo img{width:100%;height:200px;object-fit:cover;display:block;border-radius:80px 12px 80px 12px;box-shadow:-10px 10px 0 var(--pink)}.contact-photo>span{position:absolute;right:-12px;bottom:-20px;background:var(--lime);width:80px;height:80px;display:grid;place-items:center;border-radius:50%;color:var(--blue);font-size:58px;animation:brand-spin 14s linear infinite}.contact-panel{box-shadow:0 20px 60px #143d3d09;border-top:5px solid var(--blue)}.faq{border-top:1px solid #ffffff;background:#ffffff}.faq summary:hover{color:var(--blue)}footer{background:#143d3d}.footer-bottom{border-top-color:#ffffff25}.footer-top>p{color:#ffffff}.account-sidebar{background:linear-gradient(145deg,var(--blue),#00bdb6)}.account-flower{animation:brand-spin 18s linear infinite;transform-origin:center;width:max-content}.account-heading h1{color:#143d3d}.account-page .chip-options input:checked+span{background:var(--cyan);border-color:#00bdb6}.account-heading{position:relative}.step-list .current>span{box-shadow:0 0 0 5px #baff0018}
.motion-toggle{position:fixed;right:20px;bottom:20px;z-index:20;border:1px solid #ffffff;background:#ffffffec;color:#143d3d;border-radius:100px;padding:10px 15px;box-shadow:0 4px 22px #143d3d1a;backdrop-filter:blur(12px);font-size:12px;display:flex;gap:8px;align-items:center}.motion-toggle:hover{background:var(--lime)}.motion-toggle span{font-size:16px}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal{opacity:1!important;transform:none!important;transition:none!important}
@keyframes headline-color{0%,100%{color:var(--blue)}45%{color:#007e79}75%{color:#007e79}}@keyframes headline-line{0%,100%{background:var(--lime);transform:rotate(-4deg) scaleX(1)}45%{background:var(--pink);transform:rotate(-2deg) scaleX(.94)}75%{background:var(--cyan);transform:rotate(-5deg) scaleX(1.04)}}@keyframes orbit-rock{0%,100%{transform:rotate(-12deg) translateY(0)}50%{transform:rotate(8deg) translateY(-7px)}}@keyframes sticker-sway{0%,100%{transform:rotate(9deg)}50%{transform:rotate(5deg) translateY(-5px)}}@keyframes team-breathe{0%,100%{transform:scale(1.08) rotate(-4deg)}50%{transform:scale(1.13) rotate(-4deg)}}
@media(max-width:1000px){.logo{font-size:27px}.logo i{font-size:29px}.job-card .job-photo{height:190px}.job-card .job-icon{top:159px;width:56px;height:56px;font-size:32px}.job-card>span,.job-card h3,.job-card>p,.job-card>.card-bottom{margin-left:22px;margin-right:22px}.job-card{min-height:510px}.how-photo>img{height:230px}.motion-toggle{right:14px;bottom:14px}}
@media(max-width:720px){header{height:86px}.logo,header .logo{font-size:25px;letter-spacing:-1.5px}.logo .logo-inn{margin-left:1px;padding:7px 2px}.logo i{font-size:25px;margin-left:4px}.logo-inn:after{height:4px;bottom:5px}.header-actions{gap:10px}.header-actions .nav-cta{padding:10px 12px;font-size:11px}.header-actions #account-nav{font-size:11px}.menu{font-size:23px;margin-left:7px;padding:3px}.hero{padding-top:32px}.hero-art{margin-top:15px}.photo-wrap{box-shadow:9px 12px 0 var(--cyan)}.values{gap:15px}.values article{padding:25px}.job-card{min-height:500px}.job-card .job-photo{height:240px}.job-card .job-icon{top:206px;right:23px;width:62px;height:62px;font-size:35px}.job-card>span,.job-card h3,.job-card>p,.job-card>.card-bottom{margin-left:27px;margin-right:27px}.job-card>span{margin-top:12px}.job-card h3{font-size:30px}.how-photo{max-width:none;margin:20px 10px 30px 3px}.how-photo>img{height:235px}.contact-photo{max-width:320px;margin-bottom:25px}.contact-photo img{height:190px}.contact-photo>span{width:65px;height:65px;font-size:46px}.mission-row{padding:20px 12px}.mission-row:hover{transform:none}.mission-symbol{width:37px;height:37px}.motion-toggle{font-size:11px;padding:9px 12px;right:10px;bottom:10px}.footer-top .logo{font-size:31px}.footer-top .logo i{font-size:30px}}
@media(max-width:380px){header .logo{font-size:24px}.hero h1{font-size:68px}.job-card .job-photo{height:210px}.job-card .job-icon{top:180px}.job-card h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.motion-toggle{display:none}.motion-ready .reveal{opacity:1;transform:none}}
.logo .logo-inn>span{font-weight:800}
.mobile-account-link{display:none}@media(max-width:720px){header nav{top:86px}}@media(max-width:480px){header #account-nav{display:none}.mobile-account-link{display:block}.header-actions .nav-cta{display:block}header{flex-wrap:nowrap}.header-actions{margin-left:auto}header .logo{font-size:24px}.header-actions .nav-cta{font-size:10px;padding:11px 12px}}
/* Logo sans séparation, soulignement ni étoile. */
.logo .logo-inn{margin:0;padding:8px 0;letter-spacing:-1.8px}.logo .logo-inn:after{content:none;display:none}.logo .logo-base{letter-spacing:-1.8px}@media(max-width:720px){.logo .logo-inn{margin:0;padding:7px 0;letter-spacing:-1.5px}.logo .logo-base{letter-spacing:-1.5px}}
