@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plex-mono-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plex-mono-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plex-mono-500-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plex-mono-500-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--asphalte:#16202e;--asphalte-2:#0f1722;--papier:#f6f7f3;--blanc:#fff;--marquage:#ffc52f;--signal:#1d5fab;--signal-fonce:#164b88;--borne:#c8433a;--trame:#dde1da;--gris-texte:#4a5568;--radius:10px;--maxw:1120px;--font-display:"Archivo",system-ui,sans-serif;--font-body:"Archivo",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--papier);color:var(--asphalte);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.65}img,svg{max-width:100%;display:block}a{color:var(--signal)}::selection{background:var(--marquage);color:var(--asphalte)}@view-transition{navigation:auto}::view-transition-old(root){animation:.16s both vt-sortie}::view-transition-new(root){animation:.3s both vt-entree}@keyframes vt-sortie{to{opacity:0}}@keyframes vt-entree{0%{opacity:0;transform:translateY(8px)}}header{view-transition-name:entete}footer{view-transition-name:pied}.reveal{opacity:0;transition:opacity .55s,transform .55s;transition-delay:var(--reveal-delai,0s);transform:translateY(16px)}.reveal.visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(root),::view-transition-new(root){animation:none}.reveal{opacity:1;transition:none;transform:none}}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gris-texte);align-items:center;gap:10px;margin-bottom:18px;font-size:12px;display:flex}.eyebrow:before{content:"";border-top:3px dashed var(--marquage);width:26px;height:0}.dark .eyebrow{color:#9fb0c4}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.015em;font-stretch:112%;line-height:1.08}h1{font-size:clamp(2.3rem,5.4vw,3.9rem);font-weight:800}h2{margin-bottom:18px;font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800}h3{margin-bottom:10px;font-size:1.22rem;font-weight:700}.lead{max-width:46ch;font-size:clamp(1.05rem,1.9vw,1.3rem);font-weight:500}p+p{margin-top:14px}.muted{color:var(--gris-texte)}section{padding:84px 0}section.tight{padding:56px 0}.grid2{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.btn{font-family:var(--font-display);cursor:pointer;border:2px solid #0000;border-radius:999px;align-items:center;gap:9px;padding:13px 22px;font-size:.98rem;font-weight:700;text-decoration:none;transition:transform .12s,background .15s,color .15s,border-color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn .fl{font-family:var(--font-mono);font-weight:500}.btn-primaire{background:var(--asphalte);color:#fff}.btn-primaire:hover{background:var(--asphalte-2)}.btn-second{color:var(--asphalte);border-color:var(--asphalte);background:0 0}.btn-second:hover{background:var(--asphalte);color:#fff}.dark .btn-primaire{background:var(--marquage);color:var(--asphalte)}.dark .btn-primaire:hover{background:#ffd35c}.dark .btn-second{color:#fff;border-color:#fff}.dark .btn-second:hover{color:var(--asphalte);background:#fff}.btn:focus-visible,a:focus-visible{outline:3px solid var(--signal);outline-offset:3px;border-radius:6px}.cta-row{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}header{z-index:50;backdrop-filter:blur(10px);border-bottom:1px solid var(--trame);background:#f6f7f3e0;transition:box-shadow .25s;position:sticky;top:0}header.defile{box-shadow:0 8px 28px -20px #16202e73}#progression{border-top:3px dashed var(--marquage);clip-path:inset(0 100% 0 0);pointer-events:none;height:0;position:absolute;top:0;left:0;right:0}.nav{justify-content:space-between;align-items:center;height:66px;display:flex}.logo{font-family:var(--font-display);letter-spacing:.02em;color:var(--asphalte);align-items:center;gap:10px;font-size:1.25rem;font-weight:800;font-stretch:120%;text-decoration:none;display:flex}.logo .tiret{border-top:3px dashed var(--marquage);width:22px;height:0}.logo .logo-img{width:auto;height:44px}footer .logo .logo-img{filter:brightness(0)invert()}nav ul{align-items:center;gap:4px;list-style:none;display:flex}nav a.navlink{font-family:var(--font-display);color:var(--asphalte);border-radius:8px;padding:9px 13px;font-size:.95rem;font-weight:600;text-decoration:none;position:relative}nav a.navlink:after{content:"";background-image:repeating-linear-gradient(90deg,var(--marquage) 0 8px,transparent 8px 14px);opacity:0;height:3px;transition:opacity .18s;position:absolute;bottom:3px;left:13px;right:13px}nav a.navlink:hover:after{opacity:1;animation:.8s linear infinite defile-marquage}@keyframes defile-marquage{to{background-position:-14px 0}}nav a.navlink[aria-current=page]:after{opacity:1;background-image:none;background-color:var(--marquage);animation:none}nav a.nav-cta{font-family:var(--font-display);background:var(--marquage);color:var(--asphalte);border-radius:999px;margin-left:8px;padding:9px 17px;font-size:.92rem;font-weight:700;text-decoration:none}nav a.nav-cta:hover{background:#ffd35c}#burger{border:1px solid var(--trame);cursor:pointer;font-family:var(--font-mono);background:0 0;border-radius:8px;padding:9px 11px;font-size:13px;display:none}.hero{border-bottom:1px solid var(--trame);padding:76px 0 84px}.hero .lead{margin-top:20px}.hero p.suite{max-width:52ch;color:var(--gris-texte);margin-top:16px}section.hero.hero-plein{padding:0;position:relative;overflow:hidden}.hero-plein .hero-contenu{flex-direction:column;justify-content:center;max-width:580px;min-height:calc(100vh - 66px);padding:56px 0 120px;display:flex}.hero-plein h1{font-size:clamp(2.4rem,4.6vw,4.2rem)}.hero-plein h1 .trace{border-bottom:.09em dashed var(--marquage);white-space:nowrap;padding-bottom:.05em}.hero-visuel{position:absolute;inset:0 0 0 calc(50% + 70px)}.carte-chargeur{background:var(--carte-fond);z-index:1;pointer-events:none;justify-content:center;align-items:center;transition:opacity .8s .4s;display:flex;position:absolute;inset:0}.hero-visuel:has(.carte-mapbox.prete) .carte-chargeur{opacity:0}.carte-chargeur circle{stroke:var(--marquage);stroke-width:4px;fill:none;stroke-linecap:round;stroke-dasharray:6 4;animation:1.4s linear infinite charge}@keyframes charge{to{stroke-dashoffset:-120px}}.hero-visuel .carte-mapbox{opacity:0;width:100%;height:100%;transition:opacity .9s;position:absolute;inset:0}.hero-visuel .carte-mapbox.prete{opacity:1}.defiler{font-family:var(--font-mono);letter-spacing:.14em;color:var(--gris-texte);align-items:center;gap:12px;font-size:11.5px;display:flex;position:absolute;bottom:26px;left:24px}@media (width>=1168px){.defiler{left:calc((100vw - var(--maxw))/2 + 24px)}}.defiler svg{animation:2s ease-in-out infinite flotte}section.hero.hero-plein{--carte-fond:#fbfcfa}html[data-ambiance=dawn] section.hero.hero-plein{--carte-fond:#fdf9ef;background:#faf3e6;border-color:#eadfc9}html[data-ambiance=dusk] section.hero.hero-plein{--carte-fond:#282639;background:#232132}html[data-ambiance=night] section.hero.hero-plein{background:var(--asphalte-2);--carte-fond:#131c2a}:is(html[data-ambiance=dusk],html[data-ambiance=night]) section.hero.hero-plein{color:#e8edf3;border-color:#223146}:is(html[data-ambiance=dusk],html[data-ambiance=night]) .hero-plein h1{color:#fff}:is(html[data-ambiance=dusk],html[data-ambiance=night]) .hero-plein :is(.eyebrow,p.suite,.defiler){color:#9fb0c4}:is(html[data-ambiance=dusk],html[data-ambiance=night]) .hero-plein .btn-primaire{background:var(--marquage);color:var(--asphalte)}:is(html[data-ambiance=dusk],html[data-ambiance=night]) .hero-plein .btn-primaire:hover{background:#ffd35c}:is(html[data-ambiance=dusk],html[data-ambiance=night]) .hero-plein .btn-second{color:#fff;border-color:#fff}:is(html[data-ambiance=dusk],html[data-ambiance=night]) .hero-plein .btn-second:hover{color:var(--asphalte);background:#fff}@keyframes flotte{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.borne-carte{width:30px;height:30px;position:relative}.borne-carte:before{content:"";border:2.5px solid var(--marquage);border-radius:50%;animation:2.2s ease-out infinite pouls;position:absolute;inset:0}.borne-carte:after{content:"";background:var(--asphalte);border-radius:50%;position:absolute;inset:2px}.borne-carte .coeur{background:var(--marquage);z-index:1;border-radius:50%;position:absolute;inset:10px}@keyframes pouls{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}.epingle{background:var(--blanc);border:1px solid var(--trame);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;animation:.35s cubic-bezier(.34,1.56,.64,1) both eclot;display:flex;box-shadow:0 8px 18px -8px #16202e80}@keyframes eclot{0%{transform:scale(0)}to{transform:scale(1)}}@media (width<=900px){.hero-plein .hero-contenu{max-width:none;min-height:0;padding:56px 0 48px}.hero-visuel{height:340px;position:relative;left:0}.defiler{display:none}}@media (prefers-reduced-motion:reduce){.defiler svg{animation:none}.borne-carte:before{opacity:0;animation:none}.epingle{animation:none}}.carte-dedale{background:var(--blanc);border:1px solid var(--trame);border-radius:var(--radius);padding:14px;box-shadow:0 20px 50px -30px #16202e59}.carte-dedale figcaption{font-family:var(--font-mono);color:var(--gris-texte);letter-spacing:.06em;justify-content:space-between;padding:10px 6px 2px;font-size:11.5px;display:flex}@media (prefers-reduced-motion:reduce){.carte-chargeur circle,nav a.navlink:hover:after{animation:none}html{scroll-behavior:auto}}.capture{background:var(--blanc);border:1px solid var(--trame);border-radius:var(--radius);padding:14px;box-shadow:0 20px 50px -30px #16202e59}.capture .cadre{border:2px dashed var(--trame);text-align:center;color:var(--gris-texte);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.capture .cadre:before{content:"";border-top:3px dashed var(--marquage);width:26px}.capture-note{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:12px}.capture-hint{max-width:26ch;font-size:.9rem}.capture.desktop .cadre{aspect-ratio:16/10}.capture.mobile{max-width:280px;margin:0 auto}.capture.mobile .cadre{aspect-ratio:9/16;border-radius:26px}.capture .ecran{border-radius:8px;overflow:hidden}.capture.mobile .ecran{border-radius:22px}.capture .ecran img{width:100%;height:auto;display:block}.capture figcaption{font-family:var(--font-mono);color:var(--gris-texte);letter-spacing:.06em;justify-content:space-between;gap:14px;padding:10px 6px 2px;font-size:11.5px;display:flex}.carte{background:var(--blanc);border:1px solid var(--trame);border-radius:var(--radius);flex-direction:column;gap:12px;padding:28px 26px;transition:transform .15s,box-shadow .15s;display:flex}.carte:hover{transform:translateY(-3px);box-shadow:0 18px 40px -26px #16202e66}.carte .tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--asphalte);background:#eef0e9;border-radius:999px;align-self:flex-start;padding:5px 12px;font-size:11.5px}.carte .verbe{color:var(--signal);font-family:var(--font-mono);font-size:13px}.carte p{color:var(--gris-texte);flex:1;font-size:.98rem}.carte a.suite-lien{font-family:var(--font-display);color:var(--asphalte);align-items:center;gap:8px;font-weight:700;text-decoration:none;display:inline-flex}.carte a.suite-lien:hover{color:var(--signal)}.carte a.suite-lien span{transition:transform .15s}.carte a.suite-lien:hover span{transform:translate(4px)}.dark{background:var(--asphalte);color:#e8edf3}.dark h2{color:#fff}.dark .muted{color:#9fb0c4}.chaine{grid-template-columns:repeat(4,1fr);gap:0;margin-top:42px;display:grid;position:relative}.chaine:before{content:"";border-top:3px dashed var(--marquage);position:absolute;top:26px;left:12%;right:12%}.etape{text-align:center;padding:0 14px;position:relative}.etape .point{background:var(--blanc);border:2px solid var(--asphalte);z-index:1;width:52px;height:52px;font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;font-size:13px;font-weight:500;display:flex;position:relative}.dark .etape .point{background:var(--asphalte);border-color:var(--marquage);color:var(--marquage)}.etape h3{margin-bottom:6px;font-size:1.05rem}.etape p{color:var(--gris-texte);font-size:.9rem}.dark .etape p{color:#9fb0c4}.chips{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.chip{font-family:var(--font-mono);background:var(--blanc);border:1px solid var(--trame);border-radius:999px;padding:7px 15px;font-size:13px;transition:border-color .15s,transform .15s}.chip:hover{border-color:var(--marquage);transform:translateY(-1px)}.dark .chip{color:#c7d2df;background:0 0;border-color:#33445a}.chip.interdit{border-color:var(--borne);color:var(--borne)}.etapes-num{counter-reset:e;gap:14px;margin-top:26px;list-style:none;display:grid}.etapes-num li{counter-increment:e;background:var(--blanc);border:1px solid var(--trame);border-radius:var(--radius);padding:16px 20px 16px 66px;position:relative}.etapes-num li:before{content:counter(e);background:var(--marquage);width:32px;height:32px;font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;font-weight:500;display:flex;position:absolute;top:14px;left:18px}.etapes-num strong{font-family:var(--font-display)}.flux{font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;font-size:14px;display:flex}.flux .noeud{background:var(--blanc);border:1px solid var(--trame);border-radius:8px;padding:10px 16px}.dark .flux .noeud{background:0 0;border-color:#33445a}.flux .fleche{color:var(--marquage);font-weight:500}.volets{grid-template-columns:1fr 1fr;gap:22px;margin-top:30px;display:grid}.volet{background:var(--blanc);border:1px solid var(--trame);border-radius:var(--radius);padding:26px}.volet.implicite{border-top:4px solid var(--borne)}.volet.explicite{border-top:4px solid var(--signal)}.triptyque{font-family:var(--font-display);border-left:4px solid var(--marquage);margin-top:30px;padding-left:22px;font-size:clamp(1.2rem,2.4vw,1.6rem);font-weight:700;line-height:1.5}.triptyque span{color:var(--signal)}.dark .triptyque span{color:var(--marquage)}form{gap:18px;max-width:640px;display:grid}label{font-family:var(--font-display);gap:7px;font-size:.95rem;font-weight:600;display:grid}input,select,textarea{font-family:var(--font-body);color:var(--asphalte);background:var(--blanc);border:1px solid var(--trame);border-radius:8px;width:100%;padding:12px 14px;font-size:1rem}input:focus,select:focus,textarea:focus{outline:3px solid var(--signal);outline-offset:1px;border-color:var(--signal)}textarea{resize:vertical;min-height:130px}.note-maquette{font-family:var(--font-mono);color:var(--gris-texte);border:1px dashed var(--trame);border-radius:8px;max-width:640px;margin-top:22px;padding:12px 16px;font-size:12.5px}.form-ok{background:#e8f2e4;border:1px solid #9cc48e;border-radius:8px;padding:14px 18px;font-weight:600;display:none}.form-erreur{background:#f9e8e6;border:1px solid #d89a94;border-radius:8px;padding:14px 18px;font-weight:600;display:none}.consentement{align-items:flex-start;gap:12px;font-size:.92rem;font-weight:500;line-height:1.5;display:flex}.consentement input[type=checkbox]{width:18px;height:18px;accent-color:var(--signal);flex-shrink:0;margin-top:3px}.champ-siteweb{width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}button:disabled{opacity:.6;cursor:default}.legale{max-width:76ch}.legale h2{margin:40px 0 12px;font-size:1.28rem}.legale h3{margin:22px 0 8px;font-size:1.02rem}.legale p{color:var(--gris-texte)}.legale ul{color:var(--gris-texte);margin:12px 0 0;padding-left:24px}.legale li{margin-top:7px}.legale li::marker{color:var(--marquage)}.legale strong{color:var(--asphalte)}.legale address{color:var(--gris-texte);font-style:normal}footer{background:var(--asphalte-2);color:#9fb0c4;padding:52px 0 40px;font-size:.92rem}footer .haut{border-bottom:1px solid #223146;flex-wrap:wrap;justify-content:space-between;gap:30px;padding-bottom:30px;display:flex}footer .logo{color:#fff}footer nav ul{flex-wrap:wrap;gap:18px;display:flex}footer a{color:#c7d2df;text-decoration:none}footer a:hover{color:#fff;text-decoration:underline}footer .bas{font-family:var(--font-mono);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:22px;font-size:12px;display:flex}footer .bas .todo{color:#6e7f94}@media (width<=900px){.grid2{grid-template-columns:1fr;gap:36px}.grid3,.volets{grid-template-columns:1fr}.chaine{grid-template-columns:1fr 1fr;gap:28px 0}.chaine:before{display:none}section{padding:60px 0}#burger{display:block}header nav ul{background:var(--papier);border-bottom:1px solid var(--trame);flex-direction:column;align-items:stretch;gap:6px;padding:12px 20px 18px;display:none;position:absolute;top:66px;left:0;right:0}header nav ul.ouvert{display:flex}nav a.navlink{display:block}nav a.nav-cta{text-align:center;margin-left:0}}
