:root{--bg: #ffffff;--ink: #1d2226;--ink-2: #4b5966;--ink-3: #7b8794;--line: #e0e4e8;--blue: #0a66c2;--blue-rgb: 10, 102, 194;--green: #00bd79;--green-rgb: 0, 189, 121;--green-deep: #00a86b;--green-deep-rgb: 0, 168, 107;--gray: #8a96a3;--gray-rgb: 138, 150, 163;--tint: var(--gray);--tint-rgb: var(--gray-rgb);--name: var(--ink);--role: var(--ink-3);--display: "Archivo", "Inter Tight", system-ui, sans-serif;--sans: "Inter Tight", "Inter", system-ui, sans-serif;--mono: "Archivo", "Inter Tight", system-ui, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1)}body[data-hover=technique]{--tint: var(--green-deep);--tint-rgb: var(--green-deep-rgb);--name: var(--green-deep);--role: var(--green-deep)}body[data-hover=recruteur]{--tint: var(--blue);--tint-rgb: var(--blue-rgb);--name: var(--blue);--role: var(--blue)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100svh;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:24px}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}h1,p{margin:0}img{display:block}::selection{background:var(--tint);color:#fff}.mono{font-family:var(--mono);font-stretch:100%;font-weight:500;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.field{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.aurora i{position:absolute;border-radius:50%;filter:blur(90px);opacity:0;background:radial-gradient(closest-side,rgba(var(--tint-rgb),.22),transparent);transition:opacity 1.6s var(--ease),background .8s}.aurora i:nth-child(1){width:70vmax;height:50vmax;left:-25vmax;top:-20vmax;animation:drift1 18s ease-in-out infinite}.aurora i:nth-child(2){width:60vmax;height:60vmax;right:-25vmax;bottom:-30vmax;animation:drift2 22s ease-in-out infinite}.aurora i:nth-child(3){width:40vmax;height:40vmax;left:30vmax;bottom:-25vmax;animation:drift3 26s ease-in-out infinite;background:radial-gradient(closest-side,rgba(var(--tint-rgb),.12),transparent)}body.is-decoded .aurora i{opacity:1}@keyframes drift1{50%{transform:translate(8vmax,6vmax) scale(1.08)}}@keyframes drift2{50%{transform:translate(-10vmax,-6vmax) scale(1.12)}}@keyframes drift3{50%{transform:translate(6vmax,-8vmax)}}.halo{position:fixed;left:50%;top:50%;width:90vmax;height:90vmax;z-index:0;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(var(--tint-rgb),.12),rgba(var(--tint-rgb),.03) 40%,transparent 70%);opacity:0;transition:opacity 1.4s var(--ease),background .8s}body.is-decoded .halo{opacity:1}.grain{position:fixed;inset:-50%;z-index:100;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:grain .6s steps(4) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-2%,3%)}50%{transform:translate(3%,-1%)}75%{transform:translate(-1%,-3%)}to{transform:translate(2%,2%)}}.scan{position:fixed;left:0;right:0;top:0;height:2px;z-index:5;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,var(--tint) 20%,#d7dde3 50%,var(--tint) 80%,transparent);box-shadow:0 0 24px 4px rgba(var(--tint-rgb),.45),0 0 80px 20px rgba(var(--tint-rgb),.14)}body.is-intro .scan{animation:scan 1s cubic-bezier(.65,0,.35,1) forwards}@keyframes scan{0%{transform:translateY(-4px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}.ring{position:fixed;left:50%;top:50%;width:0;height:0;z-index:4;pointer-events:none;border:2px solid var(--tint);border-radius:50%;transform:translate(-50%,-50%);opacity:0;box-shadow:0 0 40px rgba(var(--tint-rgb),.5),inset 0 0 40px rgba(var(--tint-rgb),.28)}body.is-decoded .ring{animation:ring 1.4s cubic-bezier(.16,1,.3,1) forwards}@keyframes ring{0%{width:0;height:0;opacity:1}to{width:240vmax;height:240vmax;opacity:0}}.flash{position:fixed;inset:0;z-index:6;pointer-events:none;background:var(--tint);opacity:0}body.is-decoded .flash{animation:flash .55s ease-out forwards}@keyframes flash{0%{opacity:.14}to{opacity:0}}.intro{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:30px;width:100%;max-width:1200px;min-width:0}.choice__btn,.trust{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}html:not(.js) :is(.choice__btn,.trust){opacity:1;transform:none}.intro__stage{position:relative;perspective:1200px}.intro__title{font-family:var(--display);font-stretch:88%;font-weight:800;text-transform:uppercase;font-size:clamp(72px,15vw,250px);line-height:.82;letter-spacing:-.045em;display:flex;flex-direction:column;width:max-content;max-width:100%;transform-style:preserve-3d;transition:transform .25s ease-out;will-change:transform}.intro__word{display:block;white-space:nowrap;color:var(--name);transition:color .5s}html.js .intro__word:not(.is-wrapped){visibility:hidden}.intro__word:first-child{align-self:flex-start}.intro__word--outline{align-self:flex-end;color:transparent;-webkit-text-stroke:2px var(--name);margin-left:.18em;transition:-webkit-text-stroke-color .5s}.intro__word .hl{display:inline-block;opacity:0;transform:translateY(.25em) skew(-8deg);filter:blur(10px)}.intro__word .hl.is-live{opacity:.55;transform:none;filter:blur(0);color:var(--tint);-webkit-text-stroke-color:var(--tint)}.intro__word .hl.is-set{opacity:1;transform:none;filter:blur(0);color:inherit;-webkit-text-stroke-color:inherit;transition:opacity .35s var(--ease),transform .6s var(--ease),filter .5s var(--ease),color .5s,-webkit-text-stroke-color .5s;animation:land .7s var(--ease)}.intro__word--outline .hl.is-set{color:transparent;-webkit-text-stroke-color:var(--name)}@keyframes land{0%{filter:drop-shadow(0 0 28px rgba(var(--tint-rgb),.9));transform:scale(1.12)}to{filter:drop-shadow(0 0 0 rgba(var(--tint-rgb),0));transform:scale(1)}}.intro__sheen{position:absolute;inset:-10% -20%;pointer-events:none;mix-blend-mode:screen;opacity:0;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.85) 50%,transparent 58%);transform:translate(-70%)}body.is-ready .intro__sheen{animation:sheen 6s ease-in-out 1.2s infinite}@keyframes sheen{0%{transform:translate(-70%);opacity:0}8%{opacity:1}30%{transform:translate(70%);opacity:1}34%{opacity:0}to{transform:translate(70%);opacity:0}}.intro__role{display:inline-flex;align-items:center;gap:2px;min-height:1.3em;margin-top:-6px;font-family:var(--sans);font-weight:700;font-size:clamp(22px,3vw,38px);letter-spacing:-.02em;color:var(--role);transition:color .5s}.intro__role [data-typewriter]{white-space:nowrap}html.js .intro__role:not(.is-typing):not(.is-typed) [data-typewriter]{visibility:hidden}.intro__caret{width:3px;height:1.05em;border-radius:2px;background:var(--role);opacity:0}.intro__role.is-typing .intro__caret{opacity:1}.intro__role.is-typed .intro__caret{animation:caret 1s steps(2) infinite}@keyframes caret{50%{opacity:0}}html:not(.js) .intro__caret{display:none}.choice{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%}.choice__btn{--c: var(--green);--c-rgb: var(--green-rgb);--fg: #09090b;position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:16px;row-gap:4px;text-align:left;width:360px;max-width:100%;padding:20px 24px 20px 20px;border-radius:20px;background:var(--c);color:var(--fg);isolation:isolate;overflow:hidden;box-shadow:0 0 0 1px rgba(var(--c-rgb),.5),0 24px 50px -24px rgba(var(--c-rgb),.55);transform:translateY(32px) scale(.96)}.choice__btn--recruteur{--c: var(--blue);--c-rgb: var(--blue-rgb);--fg: #fff}.choice__btn--technique{--c: var(--green);--c-rgb: var(--green-rgb);--fg: #fff}body.is-ready .choice__btn{opacity:1;transform:none;transition:transform .9s var(--ease),opacity .9s var(--ease),box-shadow .5s var(--ease)}body.is-ready .choice__btn:nth-child(2){transition-delay:.14s,.14s,0s}body.is-ready .choice__btn:hover,body.is-ready .choice__btn:focus-visible{transform:translateY(-5px);transition-delay:0s;box-shadow:0 0 0 1px rgba(var(--c-rgb),.9),0 36px 70px -24px rgba(var(--c-rgb),.85),0 0 60px -10px rgba(var(--c-rgb),.5)}.choice__btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.choice__btn:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translate(-120%);transition:transform 0s}.choice__btn:hover:after{transform:translate(120%);transition:transform .8s var(--ease)}.choice__icon{grid-row:1 / span 2;display:grid;place-items:center;width:40px;height:40px}.choice__icon svg{width:32px;height:32px}.choice__label{font-family:var(--display);font-stretch:88%;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;font-size:26px;line-height:1}.choice__desc{grid-column:2;font-size:13px;line-height:1.35;opacity:.82}.choice__arrow{grid-row:1 / span 2;grid-column:3;font-style:normal;font-size:22px;line-height:1;transition:transform .5s var(--ease)}.choice__btn:hover .choice__arrow{transform:translate(6px)}.trust{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:960px;min-width:0;margin-top:8px}body.is-ready .trust{opacity:1;transform:none;transition-delay:.5s}.trust__label{color:var(--ink-3);font-size:11px}.marquee{position:relative;width:100%;min-width:0;overflow:hidden;display:flex;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee__track{display:flex;flex:none;align-items:center;animation:marquee 28s linear infinite}.logo{display:grid;place-items:center;width:150px;height:80px;margin:0 8px;padding:14px 18px;border-radius:14px;background:#fff;border:1px solid var(--line)}.logo--dark{background:var(--ink);border-color:var(--ink)}.logo img{max-height:44px;max-width:112px;width:auto;height:auto;object-fit:contain}@keyframes marquee{to{transform:translate(-100%)}}.wipe{position:fixed;left:50%;top:50%;width:0;height:0;z-index:300;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);background:var(--c, var(--blue));transition:width .75s var(--ease),height .75s var(--ease)}.wipe.is-open{width:260vmax;height:260vmax}@media (max-width: 640px){body{padding:20px 16px}.intro{gap:22px}.intro__title{font-size:clamp(60px,21vw,120px)}.intro__word--outline{-webkit-text-stroke-width:1.2px}.intro__role{font-size:21px}.choice{flex-direction:column;width:100%;gap:12px}.choice__btn{width:100%;padding:16px 18px 16px 16px;border-radius:16px}.choice__label{font-size:22px}.choice__icon{width:32px;height:32px}.choice__icon svg{width:26px;height:26px}.logo{width:124px;height:68px;margin:0 6px;padding:12px 14px}.logo img{max-height:36px;max-width:94px}}@media (max-height: 760px) and (min-width: 641px){.intro{gap:20px}.intro__title{font-size:clamp(56px,18vh,180px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.grain,.aurora i,.marquee__track,.intro__sheen{animation:none}.marquee{-webkit-mask-image:none;mask-image:none;flex-wrap:wrap;justify-content:center}.marquee__track[aria-hidden=true]{display:none}.marquee__track{flex-wrap:wrap;justify-content:center}.intro__word .hl{opacity:1;transform:none;filter:none}.choice__btn,.trust{opacity:1;transform:none}.intro__title{transform:none!important}}
