.landing{--section-espace:clamp(72px, 10vw, 120px);--mesure:36rem;--marge:clamp(16px, 4vw, 32px);padding-inline:max(var(--marge), calc((100% - 1080px) / 2));overflow-x:clip}main.page:has(.landing){max-width:none;padding-inline:0}.landing p{margin:0}.landing p,.landing li{text-wrap:pretty}.affiche{font:650 clamp(38px, 6.2vw, 64px) / 1.02 var(--font-display);letter-spacing:-.045em;margin:0}.titre-section{font:650 clamp(26px, 3.6vw, 38px) / 1.1 var(--font-display);letter-spacing:-.035em;margin:0}.sous-titre{font:600 17px/24px var(--font-display);letter-spacing:-.015em;margin:0}.chapo{max-width:var(--mesure);font:400 clamp(17px, 1.8vw, 19px) / 1.6 var(--font-texte);color:var(--encre-douce)}.texte-doux{color:var(--encre-douce)}.note{color:var(--encre-douce);font-size:13px;line-height:20px}.sourcil{font:500 12px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--bleu)}.hero{isolation:isolate;gap:var(--space-12);padding-block:var(--space-8) var(--space-12);align-items:center;display:grid;position:relative}.hero:before{content:"";z-index:-1;inset:calc(-1 * var(--space-8)) -25vw 0;background-image:linear-gradient(to right, var(--trait) 1px, transparent 1px), linear-gradient(to bottom, var(--trait) 1px, transparent 1px);opacity:.7;pointer-events:none;background-position:top;background-size:48px 48px;position:absolute;-webkit-mask-image:radial-gradient(60% 70% at 50% 30%,#000 20%,#0000 75%);mask-image:radial-gradient(60% 70% at 50% 30%,#000 20%,#0000 75%)}.hero-texte{justify-items:start;gap:var(--space-6);display:grid}.hero-pastille{align-items:center;gap:var(--space-2);border:1px solid var(--trait);border-radius:var(--radius-full);background:var(--carte);font:500 12px/18px var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--encre-douce);padding:4px 12px 4px 8px;display:inline-flex;box-shadow:0 1px 2px #1113180a}.hero-pastille span{border-radius:var(--radius-full);background:var(--reussi);width:6px;height:6px;box-shadow:0 0 0 3px var(--reussi-doux)}.hero-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.hero-texte .note{margin-top:calc(var(--space-2) * -1)}.hero-visuel{width:100%;max-width:460px;padding:var(--space-3);border:1px solid var(--trait);border-radius:calc(var(--radius-lg) + 8px);background:color-mix(in srgb, var(--carte) 60%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box;justify-self:center;box-shadow:0 1px 2px #1113180a,0 24px 48px -24px #11131826}@media (max-width:479px){.hero-actions .tc-btn{flex:100%}}@media (min-width:880px){.hero{gap:var(--space-12);padding-block:var(--space-12) var(--space-12);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}.mots{gap:var(--space-2);display:grid}.mots-piste{display:grid}.mots-diapo{gap:var(--space-3);opacity:0;filter:blur(4px);transition-property:opacity,filter,translate;transition-duration:.45s;transition-timing-function:var(--ease);grid-area:1/1;align-content:start;display:grid;translate:0 8px}.mots-diapo[data-active=true]{opacity:1;filter:none;translate:0}.mots-diapo .tc-diapo{max-width:none;min-height:180px}.mots-quiz{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--trait);border-radius:var(--radius-lg);background:var(--carte);display:grid}.mots-numero{font:500 11px/16px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--encre-douce)}.mots-question{font:600 16px/24px var(--font-display);letter-spacing:-.01em}.mots-choix{gap:var(--space-2);display:grid}.mots-choix .tc-choix{min-height:44px;padding-block:var(--space-2);font-size:15px;line-height:21px}.mots-consigne{color:var(--encre-douce);font-size:13px}.mots-correction{gap:var(--space-2);color:var(--encre-douce);font-size:14px;line-height:21px;display:grid}.mots-suite{font-weight:600;text-decoration:none}.mots-suite:hover{text-decoration:underline}.mots-controles{align-items:center;gap:var(--space-1);display:flex}.mots-pause{border-radius:var(--radius-full);width:44px;height:44px;color:var(--encre-douce);cursor:pointer;transition:background-color .15s var(--ease);background:0 0;border:0;place-items:center;display:grid}.mots-pause:hover{background:var(--papier);color:var(--encre)}.mots-points{flex-wrap:wrap;display:flex}.mots-point{cursor:pointer;background:0 0;border:0;place-items:center;height:44px;padding:0 3px;display:grid}.mots-point span{border-radius:var(--radius-full);background:var(--trait-fort);opacity:.4;width:6px;height:6px;transition-property:width,opacity;transition-duration:.3s;transition-timing-function:var(--ease);display:block;position:relative;overflow:hidden}.mots-point:hover span{opacity:.8}.mots-point[aria-current=true] span{opacity:1;background:var(--bleu-doux);width:24px}.mots-point[aria-current=true] span:after{content:"";border-radius:inherit;background:var(--bleu);transform-origin:0;position:absolute;inset:0}.mots-point span[data-progress=true]:after{animation:linear forwards mots-progression;animation-duration:inherit}@keyframes mots-progression{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.titres-liste{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}.titres-liste li{display:grid}.titre-choix{gap:var(--space-2);padding:var(--space-6);border:1px solid var(--trait);border-radius:var(--radius-lg);background:var(--carte);color:var(--encre);transition:border-color .2s var(--ease), translate .2s var(--ease);grid-template-rows:auto 1fr auto auto;text-decoration:none;display:grid}.titre-choix:hover{border-color:var(--bleu);translate:0 -2px}.titre-nom{font:600 18px/24px var(--font-display);letter-spacing:-.015em}.titre-choix .texte-doux{font-size:14px;line-height:21px}.titre-niveau{font:500 11px/16px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--encre-douce)}.titre-action{color:var(--bleu);font-weight:600}@media (prefers-reduced-motion:reduce){.titre-choix{transition:none}.titre-choix:hover{translate:none}}.chiffres-examen{border:1px solid var(--trait);border-radius:var(--radius-lg);background:var(--trait);grid-template-columns:repeat(3,1fr);gap:1px;margin:0;display:grid;overflow:hidden}.chiffre{gap:var(--space-1);padding:var(--space-6);background:var(--carte);align-content:start;display:grid}.chiffre dt{align-items:baseline;gap:var(--space-2);display:flex}.chiffre-valeur{font:500 clamp(40px, 5vw, 52px) / 1 var(--font-mono);letter-spacing:-.06em;color:var(--encre);font-variant-numeric:tabular-nums}.chiffre-unite{font:500 12px/16px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--bleu)}.chiffre dd{color:var(--encre-douce);margin:0;font-size:14px;line-height:22px}@media (max-width:719px){.chiffres-examen .chiffre{padding:var(--space-4) var(--space-3)}.chiffres-examen .chiffre dt{align-items:start;gap:var(--space-1);flex-direction:column}.chiffres-examen .chiffre-valeur{font-size:32px}.chiffres-examen .chiffre-unite{font-size:10px}.chiffres-examen .chiffre dd{font-size:12px;line-height:18px}}.section{gap:var(--space-8);padding-block:var(--section-espace) 0;display:grid}.entete-section{justify-items:start;gap:var(--space-4);max-width:var(--mesure);display:grid}@media (min-width:880px){.split{gap:var(--space-12);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.entete-collante{top:calc(var(--entete,64px) + var(--space-8));position:sticky}}.questions{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.questions li{max-width:88%;padding:var(--space-3) var(--space-4);border:1px solid var(--trait);background:var(--carte);font:400 16px/24px var(--font-texte);border-radius:16px 16px 16px 4px;justify-self:start}.questions li:nth-child(2n){background:var(--bleu-doux);border-color:#0000;border-radius:16px 16px 4px;justify-self:end}.promesse{gap:var(--space-4);display:grid}@media (min-width:720px){.promesse{grid-template-columns:1fr 1fr}}.promesse-colonne{gap:var(--space-2);padding:var(--space-6);border:1px solid var(--trait);border-radius:var(--radius-lg);background:var(--carte);align-content:start;display:grid}.lignes{margin:0;padding:0;list-style:none}.lignes li{gap:var(--space-3);padding-block:var(--space-3);font-size:15px;line-height:22px;display:flex}.lignes li+li{border-top:1px solid var(--trait)}.marque{flex:none;margin-top:3px}.marque-check{color:var(--reussi)}.marque-arrow{color:var(--bleu)}.frise{border:1px solid var(--trait);border-radius:var(--radius-lg);background:var(--carte);margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.frise li{align-items:start;gap:var(--space-4);padding:var(--space-6);transition:background-color .15s var(--ease);grid-template-columns:auto 1fr auto;display:grid;position:relative}.frise li+li{border-top:1px solid var(--trait)}.frise li:hover{background:var(--papier)}.frise li>div{gap:var(--space-1);display:grid}.frise li>div .texte-doux{font-size:14px;line-height:22px}.frise-numero{font:500 13px/20px var(--font-mono);color:var(--bleu);font-variant-numeric:tabular-nums;padding-top:2px}.frise .marque{color:var(--encre-douce);transition:translate .2s var(--ease), color .2s var(--ease)}.frise li:hover .marque{color:var(--bleu);translate:3px}.frise .sous-titre a{color:inherit;text-decoration:none}.frise .sous-titre a:after{content:"";position:absolute;inset:0}.frise .sous-titre a:focus-visible{box-shadow:none}.frise li:has(a:focus-visible){box-shadow:inset 0 0 0 2px var(--bleu)}.bande{margin-top:var(--section-espace);padding-block:var(--section-espace);background:var(--carte);box-shadow:0 0 0 100vmax var(--carte);clip-path:inset(0 -100vmax);border-block:1px solid var(--trait)}.examen-suite{gap:var(--space-8);align-items:center;display:grid}.examen-score{gap:var(--space-6);display:grid}.examen-score .tc-score{max-width:none}@media (min-width:880px){.examen-suite{gap:var(--space-12);grid-template-columns:1fr 1fr}}.slogan{font:650 clamp(24px, 3.4vw, 34px) / 1.1 var(--font-display);letter-spacing:-.035em;color:var(--bleu)}.facons{border:1px solid var(--trait);border-radius:var(--radius-lg);background:var(--trait);gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}@media (min-width:720px){.facons{grid-template-columns:1fr 1fr}}.facons li{align-content:start;gap:var(--space-2);padding:var(--space-6);background:var(--carte);display:grid}.facons .texte-doux{font-size:15px;line-height:24px}.facon-numero{font:500 12px/16px var(--font-mono);color:var(--encre-douce)}.citation{max-width:32ch;padding-left:var(--space-6);border-left:2px solid var(--bleu);font:500 clamp(20px, 2.6vw, 26px) / 1.35 var(--font-display);letter-spacing:-.02em;margin:0}.engagements{gap:var(--space-2);padding:var(--space-6);border:1px solid var(--trait);border-radius:var(--radius-lg);background:var(--carte);display:grid}.engagements strong{font-weight:600}.faq{border:1px solid var(--trait);border-radius:var(--radius-lg);background:var(--carte);overflow:hidden}.faq details+details{border-top:1px solid var(--trait)}.faq summary{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:56px;padding:var(--space-3) var(--space-6);box-sizing:border-box;cursor:pointer;font:500 16px/24px var(--font-texte);transition:background-color .15s var(--ease);list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{background:var(--papier)}.faq summary:focus-visible{box-shadow:inset 0 0 0 2px var(--bleu);border-radius:0}.faq-chevron{color:var(--encre-douce);transition:rotate .2s var(--ease);flex:none}.faq details[open] .faq-chevron{rotate:180deg}.faq details p{max-width:var(--mesure);padding:0 var(--space-6) var(--space-6);font-size:15px;line-height:24px}.final{isolation:isolate;justify-items:center;gap:var(--space-4);margin-top:var(--section-espace);padding:clamp(48px, 8vw, 88px) var(--space-6);border:1px solid color-mix(in srgb, var(--bleu) 12%, var(--trait));border-radius:calc(var(--radius-lg) + 6px);background:var(--bleu-doux);text-align:center;display:grid;position:relative;overflow:hidden}.final:before{content:"";z-index:-1;background-image:linear-gradient(to right, color-mix(in srgb, var(--bleu) 10%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--bleu) 10%, transparent) 1px, transparent 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80%,#000 10%,#0000 75%);mask-image:radial-gradient(70% 80%,#000 10%,#0000 75%)}.final .affiche{font-size:clamp(32px,5vw,52px)}.final .tc-btn{margin-top:var(--space-2)}.hero:after{content:"";z-index:-1;inset:calc(-1 * var(--space-8)) -25vw 0;background-image:linear-gradient(to right, color-mix(in srgb, var(--bleu) 45%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--bleu) 45%, transparent) 1px, transparent 1px);--spot:radial-gradient(240px circle at calc(var(--hero-x,50%) + 25vw) calc(var(--hero-y,50%) + var(--space-8)), #000, transparent 75%);-webkit-mask-image:var(--spot);mask-image:var(--spot);-webkit-mask-image:var(--spot);opacity:0;transition:opacity .4s var(--ease);pointer-events:none;background-position:top;background-size:48px 48px;position:absolute}@media (hover:hover){.hero:hover:after{opacity:1}}.landing .section .entete-section>*,.landing .section>.titre-section{animation:tc-leve .65s var(--ease) backwards}.landing .section .entete-section>:nth-child(2){animation-delay:80ms}.landing .section .entete-section>:nth-child(3){animation-delay:.16s}.landing .section .entete-section>:nth-child(4){animation-delay:.24s}.questions li{transform-origin:0 100%;animation:bulle .745s var(--ressort-vif) backwards;animation-delay:calc(var(--rang,0) * .11s + .12s)}.questions li:nth-child(2n){transform-origin:100% 100%}@keyframes bulle{0%{opacity:0;transform:translateY(14px)scale(.86)}}.promesse>*,.frise li,.facons li,.engagements,.faq,.examen-score{animation:tc-carte var(--duree-ressort) var(--ressort) backwards;animation-delay:calc(var(--rang,0) * 70ms)}:is(.questions,.promesse,.frise,.facons)>:nth-child(2){--rang:1}:is(.questions,.frise,.facons)>:nth-child(3){--rang:2}:is(.questions,.frise,.facons)>:nth-child(4){--rang:3}:is(.questions,.frise)>:nth-child(5){--rang:4}.promesse .lignes li,.engagements .lignes li{animation:tc-carte var(--duree-ressort) var(--ressort) backwards;animation-delay:calc(var(--ligne,0) * 45ms + .16s)}.lignes li:nth-child(2){--ligne:1}.lignes li:nth-child(3){--ligne:2}.lignes li:nth-child(4){--ligne:3}.lignes li:nth-child(5){--ligne:4}.citation{animation:citation .8s var(--ease) .12s backwards}@keyframes citation{0%{opacity:0;clip-path:inset(0 100% 0 0);filter:blur(4px)}to{clip-path:inset(0 -1% 0 0)}}.examen-score .tc-score-cap{animation:tc-pastille .745s var(--ressort-vif) .5s backwards}.slogan{animation:tc-leve .65s var(--ease) .35s backwards}.final{animation:final .7s var(--ressort) backwards}.final>*{animation:tc-leve .65s var(--ease) backwards}.final>:first-child{animation-delay:.12s}.final>:nth-child(2){animation-delay:.2s}.final>:nth-child(3){animation-delay:.28s}@keyframes final{0%{opacity:0;transform:translateY(24px)scale(.97)}}.en-attente,.en-attente *{animation:none!important}@media screen{.en-attente{opacity:0}}@media (prefers-reduced-motion:reduce){.faq-chevron,.mots-diapo,.mots-point span,.frise .marque{transition:none}.mots-diapo{filter:none;translate:none}.hero:after{display:none}.landing .section .entete-section>*,.landing .section>.titre-section,.questions li,.promesse>*,.frise li,.facons li,.engagements,.faq,.examen-score,.lignes li,.citation,.examen-score .tc-score-cap,.slogan,.final,.final>*{animation:none}}