.topnav a[aria-current=page]{opacity:1;border-bottom-color:var(--blue)}.page-head{padding-block:clamp(3.5rem,8vw,6.5rem) clamp(2rem,4vw,3rem)}.page-head .display{max-width:18ch}.page-head .lede{max-width:44ch;margin-top:1.25rem}.summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:clamp(3rem,6vw,5rem);display:grid}.summary li{background:var(--tint);border-radius:14px;padding:1.4rem}.summary b{font-family:var(--serif);letter-spacing:-.015em;font-size:1.5rem;font-weight:600;display:block}.summary span{color:var(--text-2);font-size:var(--step-small);margin-top:.4rem;display:block}.prose{max-width:calc(46rem + 2 * var(--margin));padding-bottom:var(--section)}.prose h2{font-family:var(--serif);letter-spacing:-.015em;margin:3rem 0 .9rem;font-size:1.6rem;font-weight:560}.prose h2:first-child{margin-top:0}.prose p,.prose li{color:var(--text-2);line-height:1.65}.prose ul{gap:.5rem;margin:1rem 0 0;padding-left:1.2rem;display:grid}.prose li::marker{color:var(--blue)}.prose a{color:var(--blue);text-underline-offset:.18em}.prose .todo{background:var(--hl);padding:0 .2em}.demo-hero{padding-block:clamp(2.5rem,6vw,4.5rem) 1.5rem}.demo-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:2rem 3rem;display:grid;position:relative}.demo-title{max-width:14ch}.demo-intro .lede{max-width:40ch;margin-top:1.25rem}.demo-controls{justify-items:start;gap:1.25rem;display:grid}.seg{background:#eceef3;border-radius:999px;padding:5px;display:inline-flex;position:relative}.seg-btn{z-index:1;height:46px;color:var(--muted);transition:color var(--t-hover) ease;border-radius:999px;align-items:center;gap:.5rem;padding:0 1.25rem;font-weight:600;display:inline-flex;position:relative}.seg-btn svg{width:1.15rem;height:1.15rem}.seg-btn[aria-selected=true]{color:var(--blue)}.seg-knob{width:var(--w,0);transform:translateX(var(--x,0));transition:transform .42s var(--ease-spring), width .42s var(--ease-spring);background:#fff;border-radius:999px;position:absolute;top:5px;bottom:5px;left:0;box-shadow:0 2px 8px #14213d1f}.demo-fictive{background:var(--surface);border:1px solid var(--line);max-width:34ch;color:var(--muted);border-radius:12px;gap:.75rem;padding:.9rem 1rem;font-size:.9rem;line-height:1.4;display:flex}.demo-fictive svg{width:1.25rem;height:1.25rem;color:var(--blue);flex:none}.demo-fictive b{color:var(--ink);display:block}.scribble--demo{top:-1rem;right:0}.demo-stage{padding-block:1.5rem 4rem}.demo-sides{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:1.5rem;display:grid}.side{transition:opacity .42s var(--ease-out), transform .42s var(--ease-out), filter .42s ease;position:relative}.side:not(.is-on){opacity:.5;filter:saturate(.7);cursor:pointer;transform:scale(.985)}.side:not(.is-on) .side-card{pointer-events:none}.side-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.25rem}.side-card--dark{color:#fff;background:#14213d;border-color:#14213d}.side-card--dark .ui-board{box-shadow:none;padding:0}.side-head{align-items:center;gap:.85rem;display:flex}.side-ico{background:var(--tint);width:2.6rem;height:2.6rem;color:var(--blue);border-radius:50%;flex:none;place-items:center;display:grid}.side-ico svg{width:1.25rem;height:1.25rem}.side-head--dark .side-ico{color:#fff;background:#ffffff14}.side-title{flex:1;min-width:0;display:grid}.side-title b{font-size:1.1rem}.side-title span{color:var(--muted);font-size:.88rem;line-height:1.35}.side-head--dark .side-title span{color:#b8c2d9}.side-step{background:var(--tint);color:var(--blue);border-radius:8px;flex:none;padding:.3rem .7rem;font-size:.85rem;font-weight:600}.side-head--dark .link-arrow{color:#b8cbff;font-size:.9rem}.side-head--dark{margin-bottom:1rem}.progress{background:#eceef3;border-radius:4px;height:4px;margin:1rem 0;overflow:hidden}.progress span{background:var(--blue);width:100%;height:100%;transform:scaleX(var(--p,.08));transform-origin:0;transition:transform .6s var(--ease-out);display:block}.cand-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:1.25rem;display:grid}.cam{aspect-ratio:300/304;background:#1a1a1a;border-radius:14px;position:relative;overflow:hidden}.cam img{object-fit:cover;width:100%;height:100%}.cam-rec{color:#fff;letter-spacing:.04em;background:#141418bf;border-radius:8px;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.8rem;font-weight:700;display:inline-flex;position:absolute;top:.7rem;left:.7rem}.cam-rec:before{content:"";background:#e5484d;border-radius:50%;width:.55rem;height:.55rem;animation:1.2s ease-in-out infinite rec}@keyframes rec{50%{opacity:.3}}.cam-tag{color:var(--ink);background:#ffffffd9;border-radius:6px;padding:.2rem .55rem;font-size:.8125rem;position:absolute;bottom:.7rem;left:.7rem}.flow{align-content:center;min-height:19rem;display:grid}.flow-step{text-align:center;justify-items:center;gap:.6rem;display:grid}.flow-step[hidden]{display:none}.flow-kicker{color:var(--muted);font-size:.85rem}.flow-q{font-size:1.05rem;font-weight:600;line-height:1.3}.flow-q--big{font-family:var(--serif);letter-spacing:-.01em;font-size:1.45rem;font-weight:560}.flow-pill{background:var(--tint);color:var(--blue);border-radius:999px;padding:.2rem .65rem;font-size:.8rem;font-weight:600}.flow-rules{text-align:left;color:var(--text-2);gap:.35rem;margin:.25rem 0;padding:0;font-size:.88rem;list-style:none;display:grid}.flow-rules li{padding-left:1rem;position:relative}.flow-rules li:before{content:"";background:var(--blue);border-radius:50%;width:5px;height:5px;position:absolute;top:.55em;left:0}.flow-consent{text-align:left;align-items:flex-start;gap:.5rem;font-size:.85rem;display:flex}.flow-consent input{accent-color:var(--blue);margin-top:.2rem}.flow-cta{width:100%;height:44px;margin-top:.4rem}.flow-cta:disabled{opacity:.45;cursor:not-allowed}.flow-ring{width:128px;height:128px}.flow-hint{color:var(--muted);font-size:.82rem}.flow-clock{letter-spacing:-.02em;font-size:2.5rem;font-weight:500;line-height:1.1}.side-foot{background:var(--paper);color:var(--muted);border-radius:12px;gap:.75rem;margin-top:1.25rem;padding:.9rem 1rem;font-size:.88rem;line-height:1.4;display:flex}.side-foot svg{width:1.3rem;height:1.3rem;color:var(--ink);flex:none}.side-foot b{color:var(--ink)}.scribble--cand,.scribble--rec{align-items:flex-start;gap:.25rem;margin-top:.75rem;display:flex;position:relative;transform:rotate(-4deg)}.scribble--cand .scribble-arrow,.scribble--rec .scribble-arrow{flex:none;width:60px;height:46px}.scribble--rec{justify-content:flex-end}.demo-pledges{padding-block:1rem 2rem}.pledge-strip{border-block:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;padding-block:1.75rem;display:grid}.pledge-strip li{color:var(--muted);gap:.85rem;font-size:.9rem;line-height:1.4;display:flex}.pledge-strip svg{width:1.6rem;height:1.6rem;color:var(--blue);flex:none}.pledge-strip b{color:var(--ink);display:block}.demo-cta-btn{margin-top:1.75rem}@media (width<=1099px){.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-head{grid-template-columns:minmax(0,1fr)}.scribble--demo{display:none}.demo-sides{grid-template-columns:minmax(0,1fr)}.side:not(.is-on),.scribble--cand,.scribble--rec{display:none}.pledge-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.summary{grid-template-columns:minmax(0,1fr)}.seg{width:100%}.seg-btn{flex:1;justify-content:center;padding:0 .75rem;font-size:.9rem}.cand-body{grid-template-columns:minmax(0,1fr)}.cam{aspect-ratio:4/3;--face-y:41%}.cam img{object-position:50% 25%}.pledge-strip{grid-template-columns:minmax(0,1fr)}}.demo-stage{--text:var(--ink);--control:#d6d9e0;--surface:#fff;--active:var(--tint)}.pledge-strip.wrap{padding-inline:var(--margin)}.cam-rec[hidden],.cam-tag[hidden]{display:none}.cand-body{align-items:start}.side:not(.is-on){opacity:.9;filter:saturate(.85)}.cam.is-oval:after{content:"";left:50%;top:var(--face-y,38%);aspect-ratio:4/5;border:3px solid #fff;border-radius:50%;width:48%;position:absolute;translate:-50% -50%;box-shadow:0 0 0 999px #14213d8c}.cam.is-verified:after{content:"";background:#1f8a55 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/60% no-repeat;border-radius:50%;width:2.4rem;height:2.4rem;position:absolute;top:.7rem;right:.7rem}.cam-doc{perspective:900px;background:radial-gradient(120% 90% at 50% 35%,#4a505c,#1c1f25);place-items:center;display:none;position:absolute;inset:0}.cam.is-doc .cam-doc{display:grid}.cam-frame{position:absolute;inset:24% 9%}.cam-frame i{border:0 solid #fff;width:22px;height:22px;position:absolute}.cam-frame i:first-child{border-width:3px 0 0 3px;border-top-left-radius:8px;top:0;left:0}.cam-frame i:nth-child(2){border-width:3px 3px 0 0;border-top-right-radius:8px;top:0;right:0}.cam-frame i:nth-child(3){border-width:0 0 3px 3px;border-bottom-left-radius:8px;bottom:0;left:0}.cam-frame i:nth-child(4){border-width:0 3px 3px 0;border-bottom-right-radius:8px;bottom:0;right:0}.spec-tilt{width:74%;transform-style:preserve-3d;will-change:transform}.spec{aspect-ratio:1.586;width:100%;transform-style:preserve-3d;transition:transform .7s var(--ease-out);position:relative;transform:rotate(-2deg)}.spec.is-back{transform:rotate(-2deg)rotateY(180deg)}.spec.is-passport{aspect-ratio:1.42}.spec-face{backface-visibility:hidden;background:linear-gradient(135deg,#e4eaf6,#c9d6ee 55%,#edf1f9);border-radius:6%/9%;grid-template-columns:30% minmax(0,1fr);gap:7%;padding:7%;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 14px 30px #00000073}.spec-back{grid-template-columns:minmax(0,1fr);align-content:end;transform:rotateY(180deg)}.spec-photo{background:#a9b8d4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 38'%3E%3Ccircle cx='15' cy='14' r='6.5' fill='%23E9EEF7'/%3E%3Cpath d='M3 38c1.5-8 6.5-12 12-12s10.5 4 12 12z' fill='%23E9EEF7'/%3E%3C/svg%3E") bottom/86% no-repeat;border-radius:6px}.spec-lines{align-content:center;gap:.55rem;display:grid}.spec-lines i{background:#8696b8;border-radius:3px;height:.4rem}.spec-lines i:nth-child(2){width:70%}.spec-lines i:nth-child(3){width:85%}.spec-lines i:nth-child(4){width:50%}.spec-back .spec-lines i{background:#6e7fa3;height:.45rem}.spec-mark{color:#be283299;letter-spacing:.22em;text-transform:uppercase;place-items:center;font-size:clamp(.9rem,2.2vw,1.3rem);font-weight:800;display:grid;position:absolute;inset:0;transform:rotate(-14deg)}.cam-flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.cam.is-flash .cam-flash{animation:.5s ease-out flash}@keyframes flash{0%{opacity:.85}to{opacity:0}}.cam-say{color:var(--ink);text-align:center;background:#fffffff0;border-radius:10px;padding:.45rem .7rem;font-size:.85rem;font-weight:600;position:absolute;bottom:.7rem;left:.7rem;right:.7rem}.cam-say[hidden]{display:none}.flow-docs{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%;margin:.25rem 0 0;padding:0;display:grid}.flow-docs legend{text-align:left;margin-bottom:.45rem;padding:0;font-size:.88rem;font-weight:600}.flow-docs label{background:var(--surface);border:1.5px solid var(--line);cursor:pointer;transition:border-color var(--t-hover) ease, background-color var(--t-hover) ease;border-radius:10px;justify-items:center;gap:.35rem;padding:.7rem .35rem;font-size:.8rem;line-height:1.2;display:grid;position:relative}.flow-docs label:has(input:checked){background:var(--tint);border-color:var(--blue)}.flow-docs label:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px}.flow-docs input{opacity:0;pointer-events:none;position:absolute}.flow-docs svg{width:1.6rem;height:1.6rem;color:var(--blue)}.flow-safe{color:var(--muted);text-align:left;align-items:flex-start;gap:.5rem;font-size:.8rem;line-height:1.35;display:flex}.flow-safe svg{width:1rem;height:1rem;color:var(--blue);flex:none;margin-top:.1rem}.flow-link{color:var(--blue);font-weight:600}.flow-clock--sm{font-size:2rem}.flow-checks{text-align:left;--muted:#5c6370;--control:#d6d9e0;width:100%;margin:.4rem 0}@media (prefers-reduced-motion:reduce){.spec{transition:none}.cam.is-flash .cam-flash{animation:none}}.flow-ok{color:#0e4a2a;background:#e3f4ea;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .9rem;font-weight:700;display:inline-flex}.flow-ok svg{width:1.2rem;height:1.2rem}.flow-cta svg{width:1.1rem;height:1.1rem}@media (width>=1100px){.pledge-strip{grid-template-columns:repeat(5,minmax(0,1fr))}}.flow-plan{text-align:left;gap:.55rem;width:100%;margin:.35rem 0;padding:0;list-style:none;display:grid}.flow-plan li{color:var(--muted);align-items:flex-start;gap:.7rem;font-size:.85rem;line-height:1.35;display:flex}.flow-plan li>b{background:var(--tint);width:1.5rem;height:1.5rem;color:var(--blue);border-radius:50%;flex:none;place-items:center;font-size:.8rem;display:grid}.flow-plan span b{color:var(--ink);font-weight:600;display:block}.flow-level{align-items:center;gap:4px;height:28px;display:flex}.flow-level i{background:var(--blue);transform-origin:50%;border-radius:2px;width:4px;height:100%;animation:.9s ease-in-out infinite alternate level}.flow-level i:nth-child(3n){animation-duration:.65s}.flow-level i:nth-child(3n+1){animation-duration:1.1s;animation-delay:-300ms}.flow-level i:nth-child(2n){animation-delay:-500ms}@keyframes level{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.flow-level i{animation:none;transform:scaleY(.5)}}.demo-stage{overflow-x:clip}.demo-sides.is-orbit{perspective:2400px;perspective-origin:50% 20%;transition:height .45s var(--ease-out);grid-template-columns:minmax(0,1fr);align-items:start;gap:0}.demo-sides.is-orbit>.side{transform-origin:50% 0;filter:none;will-change:transform, opacity;grid-area:1/1;justify-self:center;width:56%;transition:none}.demo-sides.is-orbit>.side--recruteur{width:64%}.demo-sides.is-orbit>.side:not(.is-on){cursor:pointer;display:block}.demo-sides.is-orbit>.side .side-card{transition:box-shadow .5s;box-shadow:0 40px 80px -48px #14213d73}.demo-sides.is-orbit>.side:not(.is-on) .side-card{box-shadow:0 20px 40px -32px #14213d4d}.demo-sides.is-orbit>.side .scribble{transition:opacity .4s}.demo-sides.is-orbit>.side:not(.is-on) .scribble{opacity:0}@media (width<=1099px){.demo-sides.is-orbit>.side,.demo-sides.is-orbit>.side--recruteur{width:100%}}.flow-adds{gap:.4rem;width:100%;display:grid}.flow-add{color:var(--blue);transition:background-color var(--t-hover) ease;border:1.5px dashed #9fb4e8;border-radius:10px;padding:.55rem .75rem;font-size:.85rem;font-weight:600}.flow-add:hover{background:var(--tint)}.flow-add:disabled{color:#0e4a2a;background:#e3f4ea;border-style:solid;border-color:#bfe3ce}.flow-docs--2{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-review{gap:.3rem;width:100%;margin:.25rem 0;padding:0;font-size:.85rem;list-style:none;display:grid}.flow-review li{background:var(--paper);border-radius:8px;justify-content:space-between;gap:.75rem;padding:.4rem .65rem;display:flex}.flow-review span{color:var(--muted)}.cam-audio{background:var(--night);justify-content:center;align-items:center;gap:6px;display:none;position:absolute;inset:0}.cam.is-audio .cam-audio{display:flex}.cam-audio i{transform-origin:50%;background:#b8cbff;border-radius:3px;width:6px;height:34%;animation:.9s ease-in-out infinite alternate level}.cam-audio i:nth-child(2n){animation-duration:.7s;animation-delay:-420ms}@media (prefers-reduced-motion:reduce){.cam-audio i{animation:none}}
