@property --lueur{syntax: '<color>';inherits: true;initial-value: #67E8F9}@property --encre{syntax: '<color>';inherits: true;initial-value: #1E3A5F}.pswitch{--lueur: #67E8F9;--droite-lueur: #FDBA74;--droite-encre: #9A3412;--droite-a: #FDBA74;--droite-b: #F97316;--droite-halo: rgba(249, 115, 22, 0.55);--rail: 11.75rem;--duree: 0.9s;--haut: 2.875rem;--pad: 4px;--bille: calc(var(--haut) - 2 * var(--pad));--course: calc(var(--rail) - var(--haut));--encre: #1E3A5F;display: flex;justify-content: center;align-items: center;gap: 1rem;margin: 0 0 1.75rem;transition: --lueur var(--duree) ease, --encre var(--duree) ease;position: relative;z-index: 6}.pswitch[data-pos="droite"]{--lueur: var(--droite-lueur);--encre: var(--droite-encre)}.pswitch__opt{font-size: 1rem;font-weight: 600;letter-spacing: -0.01em;color: rgba(255, 255, 255, 0.6);text-shadow: 0 1px 6px rgba(14, 30, 52, 0.55);transition: color 0.3s}.pswitch__opt:hover{color: #fff}.pswitch[data-pos="gauche"] .pswitch__opt:first-child, .pswitch[data-pos="droite"] .pswitch__opt:last-child{color: #fff;cursor: default}.pswitch__opt:focus-visible{outline: 2px solid var(--cyan-light);outline-offset: 4px;border-radius: 4px}button.pswitch__opt, button.pswitch__track{appearance: none;padding: 0;border: 0;background: none;font-family: inherit;cursor: pointer}.pswitch--clair .pswitch__opt:focus-visible{outline-color: var(--blue-500)}.pswitch--clair .pswitch__opt{color: var(--text-soft);text-shadow: none;opacity: 0.85}.pswitch--clair .pswitch__opt:hover, .pswitch--clair[data-pos="gauche"] .pswitch__opt:first-child, .pswitch--clair[data-pos="droite"] .pswitch__opt:last-child{color: var(--text);opacity: 1}.pswitch--metier{--droite-encre: #5B21B6;--droite-lueur: #C4B5FD;--droite-a: #C4B5FD;--droite-b: #8B5CF6;--droite-halo: rgba(139, 92, 246, 0.5)}.pswitch--trois{--rail: min(24rem, 86vw);--i: 0;--droite-a: #C4B5FD;--droite-b: #8B5CF6;--droite-halo: rgba(139, 92, 246, 0.5);flex-direction: column;gap: 0.85rem}.pswitch--trois{--portee: 0.8}.pswitch--trois[data-pos="1"]{--i: 1;--lueur: #A5B4FC;--encre: #3730A3}.pswitch--trois[data-pos="2"]{--i: 2;--lueur: #C4B5FD;--encre: #5B21B6}.pswitch--trois .pswitch__mass, .pswitch--trois .pswitch__vie, .pswitch--trois .pswitch__trail, .pswitch--trois .pswitch__ball{transform: translateX(calc(var(--rail) * (1 + 2 * var(--i)) / 6 - var(--bille) / 2 - var(--pad)))}.pswitch--trois .pswitch__track::before{opacity: calc(1 - var(--i) / 2)}.pswitch--trois .pswitch__track::after{opacity: calc(var(--i) / 2)}.pswitch__etiquettes{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));width: var(--rail)}.pswitch--trois .pswitch__opt{padding: 0 0.4rem;font-size: 0.9375rem;line-height: 1.3;text-align: center}.pswitch--trois.pswitch--clair .pswitch__opt[aria-pressed="true"]{color: var(--text);opacity: 1}.pswitch__track{position: relative;flex: none;width: var(--rail);height: var(--haut);border-radius: 999px;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.22), 0 -1px 0 rgba(0, 0, 0, 0.45);isolation: isolate}.pswitch__track::before, .pswitch__track::after{content: '';position: absolute;inset: 0;z-index: 0;border-radius: inherit;background-blend-mode: soft-light, normal;transition: opacity var(--duree) ease}.pswitch__track::before{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"), linear-gradient(90deg, var(--cyan-light) 0%, #60A5FA 100%);box-shadow: inset 0 4px 7px rgba(4, 20, 40, 0.6), inset 0 -2px 4px rgba(255, 255, 255, 0.4), 0 0 26px rgba(34, 184, 207, 0.55)}.pswitch__track::after{opacity: 0;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"), linear-gradient(90deg, var(--droite-a) 0%, var(--droite-b) 100%);box-shadow: inset 0 4px 7px rgba(20, 12, 30, 0.55), inset 0 -2px 4px rgba(255, 255, 255, 0.4), 0 0 26px var(--droite-halo)}.pswitch[data-pos="droite"] .pswitch__track::before{opacity: 0}.pswitch[data-pos="droite"] .pswitch__track::after{opacity: 1}.pswitch__goo{position: absolute;inset: var(--pad);filter: url(#pswitch-goo) drop-shadow(0 0 1.2px color-mix(in srgb, var(--lueur) 70%, transparent));pointer-events: none;z-index: 1}.pswitch__mass, .pswitch__trail{position: absolute;top: 50%;left: 0;border-radius: 50%;background: var(--encre);transition: transform var(--duree) cubic-bezier(0.65, -0.2, 0.3, 1.2)}.pswitch__mass{width: var(--bille);height: var(--bille);margin-top: calc(var(--bille) / -2)}.pswitch__trail{width: calc(var(--bille) * 0.68);height: calc(var(--bille) * 0.68);margin: calc(var(--bille) * -0.34) 0 0 calc(var(--bille) * 0.16);transition: transform calc(var(--duree) + 0.15s) cubic-bezier(0.5, 0, 0.3, 1)}.pswitch__trail--2{width: calc(var(--bille) * 0.42);height: calc(var(--bille) * 0.42);margin: calc(var(--bille) * -0.21) 0 0 calc(var(--bille) * 0.29);transition-duration: calc(var(--duree) + 0.3s)}.pswitch__vie{position: absolute;top: 50%;left: calc(var(--bille) / 2);width: 0;height: 0;transition: transform var(--duree) cubic-bezier(0.65, -0.2, 0.3, 1.2)}.pswitch__bulle{--r: calc(var(--bille) * 0.27);position: absolute;width: calc(var(--bille) * 0.52);height: calc(var(--bille) * 0.52);margin: calc(var(--bille) * -0.26) 0 0 calc(var(--bille) * -0.26);border-radius: 50%;background: var(--encre);animation: pswitch-orbite 7s linear infinite}.pswitch__bulle--2{--r: calc(var(--bille) * 0.3);width: calc(var(--bille) * 0.44);height: calc(var(--bille) * 0.44);margin: calc(var(--bille) * -0.22) 0 0 calc(var(--bille) * -0.22);animation-duration: 11s;animation-direction: reverse}@keyframes pswitch-orbite{from{transform: rotate(0deg) translateX(var(--r))}to{transform: rotate(360deg) translateX(var(--r))}}@keyframes pswitch-reflet{from{transform: rotate(-7deg) scale(1)}to{transform: rotate(7deg) scale(1.03)}}.pswitch.is-hors-champ .pswitch__bulle, .pswitch.is-hors-champ .pswitch__gloss{animation-play-state: paused}.pswitch__ball{position: absolute;top: var(--pad);left: var(--pad);width: var(--bille);height: var(--bille);pointer-events: none;z-index: 1;transition: transform var(--duree) cubic-bezier(0.65, -0.2, 0.3, 1.2)}.pswitch[data-pos="droite"] .pswitch__mass, .pswitch[data-pos="droite"] .pswitch__vie, .pswitch[data-pos="droite"] .pswitch__trail, .pswitch[data-pos="droite"] .pswitch__ball{transform: translateX(var(--course))}.pswitch__gloss{position: absolute;inset: 0;border-radius: 50%;background: radial-gradient(circle at 31% 27%, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.22) 9%, rgba(255, 255, 255, 0) 23%), radial-gradient(circle at 70% 80%, color-mix(in srgb, var(--lueur) 45%, transparent) 0%, transparent 32%);animation: pswitch-reflet 4.5s ease-in-out infinite alternate}.pswitch__spikes{position: absolute;left: 0;top: 0;width: 0;height: 0}.pswitch__spikes i{--w: 15px;--h: 16px;position: absolute;left: calc(var(--w) / -2);bottom: 0;width: var(--w);height: var(--h);background: var(--encre);border-radius: 50% 50% 0 0 / 100% 100% 0 0;transform-origin: 50% 100%;transform: rotate(var(--a)) translateY(-10px) scale(1, 0);transition: transform 0.5s cubic-bezier(0.3, 1.5, 0.5, 1) var(--d, 0s), border-radius 0.35s ease}.pswitch__spikes i:nth-child(1){--a: 0deg;--r: -31px;--g: 0.6;--d: 0.000s}.pswitch__spikes i:nth-child(2){--a: 30deg;--r: -24px;--g: 0.74;--d: 0.025s}.pswitch__spikes i:nth-child(3){--a: 60deg;--r: -31px;--g: 0.6;--d: 0.050s}.pswitch__spikes i:nth-child(4){--a: 90deg;--r: -24px;--g: 0.74;--d: 0.075s}.pswitch__spikes i:nth-child(5){--a: 120deg;--r: -31px;--g: 0.6;--d: 0.100s}.pswitch__spikes i:nth-child(6){--a: 150deg;--r: -24px;--g: 0.74;--d: 0.125s}.pswitch__spikes i:nth-child(7){--a: 180deg;--r: -31px;--g: 0.6;--d: 0.150s}.pswitch__spikes i:nth-child(8){--a: 210deg;--r: -24px;--g: 0.74;--d: 0.175s}.pswitch__spikes i:nth-child(9){--a: 240deg;--r: -31px;--g: 0.6;--d: 0.200s}.pswitch__spikes i:nth-child(10){--a: 270deg;--r: -24px;--g: 0.74;--d: 0.225s}.pswitch__spikes i:nth-child(11){--a: 300deg;--r: -31px;--g: 0.6;--d: 0.250s}.pswitch__spikes i:nth-child(12){--a: 330deg;--r: -24px;--g: 0.74;--d: 0.275s}@media (hover: hover){.pswitch:hover .pswitch__spikes i{transform: rotate(var(--a)) translateY(-10px) scale(1, 1)}}.pswitch:has(:focus-visible) .pswitch__spikes i{transform: rotate(var(--a)) translateY(-10px) scale(1, 1)}.pswitch.is-moving .pswitch__spikes i{border-radius: 50%;transform: rotate(var(--a)) translateY(calc(var(--r) * var(--portee, 1))) scale(var(--g), var(--g))}.pswitch.est-pose .pswitch__spikes i{animation: pswitch-retour 1.1s var(--d, 0s) backwards}.pswitch.est-pose:hover .pswitch__spikes i{transform: rotate(var(--a)) translateY(-10px) scale(1, 0)}.pswitch.est-pose:has(:focus-visible) .pswitch__spikes i{transform: rotate(var(--a)) translateY(-10px) scale(1, 0)}html.pswitch-sortie .pswitch[data-public]:not(.is-moving) .pswitch__spikes i{border-radius: 50%;transform: rotate(var(--a)) translateY(calc(var(--r) * var(--portee, 1))) scale(var(--g), var(--g));transition: none}@keyframes pswitch-retour{0%{transform: rotate(var(--a)) translateY(calc(var(--r) * var(--portee, 1))) scale(var(--g), var(--g));border-radius: 50%;animation-timing-function: cubic-bezier(0.5, 0, 0.85, 0.45)}38%{transform: rotate(var(--a)) translateY(-10px) scale(1, 1);border-radius: 50% 50% 0 0 / 100% 100% 0 0;animation-timing-function: cubic-bezier(0.2, 0.6, 0.35, 1)}100%{transform: rotate(var(--a)) translateY(-10px) scale(1, 0);border-radius: 50% 50% 0 0 / 100% 100% 0 0}}.pswitch__defs{position: absolute;width: 0;height: 0}.hero:has(.pswitch){background: var(--navy)}.hero:has(.pswitch){align-items: flex-start}@media (min-width: 641px){.hero:has(.pswitch){padding-top: clamp(7rem, 18vh, 13rem)}}.pswitch__encre{--front: var(--cyan-light);position: fixed;inset: 0;z-index: 5;overflow: hidden;pointer-events: none}.pswitch[data-pos="droite"] ~ .pswitch__encre{--front: #FDBA74}.pswitch__encre i, .pswitch__encre b{--x: calc(var(--ex, 50vw) + var(--dx, 0vmax));--y: calc(var(--ey, 9.5rem) + var(--dy, 0vmax));position: absolute;inset: 0;background: var(--navy);clip-path: circle(0 at var(--x) var(--y));transition: clip-path var(--t, 0.8s) cubic-bezier(0.55, 0.05, 0.3, 1)}.pswitch__encre b{background: var(--front)}.pswitch__encre b:nth-child(1){--t: 0.68s}.pswitch__encre b:nth-child(2){--dx: 9vmax;--dy: 3vmax;--t: 0.6s}.pswitch__encre b:nth-child(3){--dx: -7vmax;--dy: 6vmax;--t: 0.64s}.pswitch__encre i:nth-child(4){--t: 0.86s}.pswitch__encre i:nth-child(5){--dx: 9vmax;--dy: 3vmax;--t: 0.8s}.pswitch__encre i:nth-child(6){--dx: -7vmax;--dy: 6vmax;--t: 0.84s}.pswitch__encre i:nth-child(7){--dx: 4vmax;--dy: 10vmax;--t: 0.78s}.pswitch__encre i:nth-child(8){--dx: -5vmax;--dy: -6vmax;--t: 0.9s}.pswitch__encre i:nth-child(9){--dx: 11vmax;--dy: -4vmax;--t: 0.9s}html.pswitch-sortie .pswitch__encre i, html.pswitch-sortie .pswitch__encre b{clip-path: circle(150vmax at var(--x) var(--y))}html.pswitch-fondu body, html.pswitch-fondu body > *:not(.hero), html.pswitch-fondu .hero__video, html.pswitch-fondu .hero::after, html.pswitch-fondu .hero__content > *:not(.pswitch):not(.pswitch__defs):not(.pswitch__encre){transition: opacity 0.45s ease, background-color 0.45s ease !important}html.pswitch-sortie body{background-color: var(--navy)}html.pswitch-sortie body > *:not(.hero), html.pswitch-sortie .hero__video, html.pswitch-sortie .hero::after, html.pswitch-sortie .hero__content > *:not(.pswitch):not(.pswitch__defs):not(.pswitch__encre){opacity: 0 !important}.metiers{background: var(--bg-soft)}.metiers__choix{padding: clamp(2.75rem, 7vh, 4.5rem) 0 0}.metiers__choix .pswitch{margin: 0}.metiers__panneau, .choix__panneau{transition: opacity 0.4s ease, transform 0.4s ease}.metiers__panneau.est-fondu, .choix__panneau.est-fondu{opacity: 0;transform: translateY(14px)}.metiers .packs{padding-top: clamp(2.25rem, 5vh, 3.5rem)}.metiers .pain-cards{padding-top: clamp(2.25rem, 5vh, 3.5rem)}.metiers .problems{padding-top: 0}.metiers .problems__grid{grid-template-columns: minmax(0, 46rem);justify-content: center}.metiers .pain-cards__grid.grid-2x2{grid-template-columns: repeat(2, minmax(0, 1fr));max-width: 820px;margin-left: auto;margin-right: auto}@media (max-width: 720px){.metiers .pain-cards__grid.grid-2x2{grid-template-columns: 1fr}}.choix__barre{padding: clamp(2.75rem, 7vh, 4.5rem) 0 0}.choix__barre .pswitch{margin: 0}.choix .pain-cards{padding-top: clamp(2.25rem, 5vh, 3.5rem)}.hero__checks{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.625rem 1.75rem;margin: 2.25rem 0 0;padding: 0;list-style: none;font-size: 0.9rem;color: rgba(255, 255, 255, 0.88)}.hero__checks li{display: inline-flex;align-items: center;gap: 0.5rem}.hero__checks li::before{content: '';flex: none;width: 1.05rem;height: 1.05rem;border-radius: 50%;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E1E34' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 68% no-repeat, var(--cyan-light)}@media (max-width: 600px){.pswitch{gap: 0.75rem;--rail: 8.75rem;--portee: 0.82}.pswitch--metier{--rail: 7.25rem}.pswitch--trois{--rail: min(24rem, 86vw);--portee: 0.74}.pswitch__opt{font-size: 0.9375rem}.hero__checks{flex-direction: column;align-items: center}}@media (max-width: 380px){.pswitch{gap: 0.5rem;--rail: 6.5rem;--portee: 0.68}.pswitch--metier{--rail: 5.25rem}.pswitch--trois{--rail: min(24rem, 86vw);--portee: 0.6}.pswitch__opt{font-size: 0.875rem}}@media (prefers-reduced-motion: reduce){.pswitch__mass, .pswitch__trail, .pswitch__ball, .pswitch__spikes i, .pswitch.est-pose .pswitch__spikes i, .pswitch__vie, .pswitch__gloss{transition: none;animation: none}.pswitch__bulle{display: none}.pswitch.is-moving .pswitch__spikes i{border-radius: 50% 50% 0 0 / 100% 100% 0 0;transform: rotate(var(--a)) translateY(-10px) scale(1, 0)}.pswitch__encre i, .pswitch__encre b, .metiers__panneau, .choix__panneau{transition: none}}