@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,600&display=swap');
:root{--navy:#123a72;--deep:#102c4a;--blue:#24599b;--pale:#eaf4fc;--green:#0c7654;--mint:#e5f4ec;--ink:#16334d;--muted:#526a7c;--line:#cddde9;--paper:#fff;--ground:#f3f7fa;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--ground)}
*{box-sizing:border-box}body{margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #e3a834;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(29px,3vw,48px);line-height:1.08;letter-spacing:-.025em}h2{font-size:clamp(27px,2.5vw,42px);line-height:1.11;letter-spacing:-.025em}p{line-height:1.45}small{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-head{display:flex;align-items:center;justify-content:space-between;padding:13px max(24px,calc((100vw - 1390px)/2));border-bottom:1px solid var(--line);background:#fff}.brand{font-weight:800;color:var(--navy);letter-spacing:.02em}.brand span{display:block;font-size:12px;font-weight:500;letter-spacing:0}.site-head a{font-weight:700;text-decoration:none;color:var(--navy)}.site-head a:hover{text-decoration:underline}.menu-btn{display:none;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);padding:9px 14px;font-weight:700}.menu-btn svg{width:20px;vertical-align:-4px;margin-right:7px}.head-nav{display:flex;gap:22px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--blue)}.subtitle{color:var(--muted);font-size:clamp(16px,1.3vw,20px)}.chapter{display:none}.chapter.active{display:block}.chapter-index{font-size:13px;font-weight:800;color:var(--blue);letter-spacing:.09em;text-transform:uppercase}.slide-title{margin:9px 0 13px}.slide-lead{font-size:clamp(17px,1.5vw,21px);color:var(--muted);max-width:55ch}.action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:10px;padding:10px 17px;background:var(--navy);color:#fff;text-decoration:none;font-weight:800}.action:hover{background:#225894}.action.green{background:var(--green)}.action.green:hover{background:#07573e}.quiet-link{font-weight:800;color:var(--navy);text-underline-offset:3px}.stage-foot{display:flex;align-items:center;justify-content:space-between;gap:18px}.arrow-btn{min-height:48px;min-width:48px;padding:8px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);font-weight:800}.arrow-btn:hover:not(:disabled){background:var(--pale);border-color:#8cb0d1}.arrow-btn:disabled{opacity:.42;cursor:default}.progress{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700}.screen{background:#fff;border:1px solid #d7e4ef;border-radius:14px;overflow:hidden}.screen-head{background:#eff6fb;padding:15px 17px;border-bottom:1px solid #d8e4ee;display:flex;justify-content:space-between;align-items:center;gap:12px}.screen-head b{color:var(--navy)}.screen-head small{color:var(--muted)}.screen-body{padding:19px}.preview-caption{display:block;color:var(--muted);font-size:13px;margin-bottom:13px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{background:#f4f8fc;border-radius:8px;padding:13px;min-height:98px}.metric b{display:block;font-size:14px;color:var(--navy);margin-bottom:10px}.metric strong{display:block;font-size:19px;color:var(--deep)}.metric small{color:var(--muted);line-height:1.3;display:block}.metric.sim strong:after{content:'Exemple';font-size:10px;background:#fff0cc;color:#714800;border-radius:4px;padding:3px 5px;margin-left:7px;vertical-align:3px}.state-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.state-row:last-child{border-bottom:0}.state-row b{display:block}.state-row small{color:var(--muted);display:block;line-height:1.35}.dot{width:10px;height:10px;border-radius:50%;background:#0e9265;flex:none;margin-top:4px}.dot.amber{background:#d89719}.dot.blue{background:#2874bb}.source-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.source-list div{padding:15px;border-radius:9px;background:#f3f8fb}.source-list b{display:block;color:var(--navy);margin-bottom:5px}.source-list small{color:var(--muted);line-height:1.35}.source-arrow{font-size:18px;color:#4b7192;text-align:center;margin:10px 0}.two-targets{display:flex;gap:10px}.two-targets span{flex:1;padding:12px;background:var(--pale);border-radius:8px;font-weight:800;color:var(--navy)}.two-targets span:last-child{background:var(--mint);color:var(--green)}.timeline{display:grid;grid-template-columns:1fr;gap:0}.phase{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.phase:last-child{border:0}.phase .n{font-weight:800;color:var(--blue)}.phase b{display:block}.phase small{display:block;color:var(--muted);margin-top:3px}.vox-screen .screen-head{background:#e6f4ec}.vox-screen .screen-head b{color:#0c624b}.vox-screen .screen-body{background:#f9fcfa}.consultation{padding:16px;border-radius:9px;background:#ebf6ef;margin-bottom:10px}.consultation b{display:block;color:#114c3e;margin-bottom:6px}.choice{background:#fff;border:1px solid #b8d7ca;border-radius:7px;padding:10px;color:#164d3f;margin-top:7px}.vox-flow{display:flex;justify-content:space-between;gap:5px;margin-top:16px;color:#146749;font-size:12px;font-weight:700}.hint{font-size:13px;color:var(--muted)}.proposal-note{font-size:13px;color:var(--muted)}
/* A. Guided stage */
.guided{background:#eaf2f9;min-height:100dvh}.guided .site-head{background:#fff}.guided-shell{max-width:1390px;margin:auto;padding:44px 24px 50px;display:grid;grid-template-columns:minmax(300px,.38fr) minmax(0,.62fr);gap:44px}.guided-intro{position:sticky;top:38px;align-self:start}.guided-intro h1{color:var(--navy);margin:16px 0}.guided-intro .subtitle{max-width:29ch}.guided-intro .chapter-links{display:grid;gap:5px;margin-top:39px}.chapter-links button{text-align:left;border:0;border-radius:10px;padding:13px 12px;background:transparent;color:var(--muted);font-weight:700}.chapter-links button.active{background:#fff;color:var(--navy);box-shadow:0 9px 22px -20px #0c345c}.guided-stage{background:#fff;border-radius:17px;padding:28px 30px;box-shadow:0 18px 34px -27px #092c4d;min-height:750px;display:flex;flex-direction:column}.guided-stage .chapter{flex:1}.guided-stage .screen{margin:26px 0 24px}.guided-stage .stage-foot{border-top:1px solid var(--line);padding-top:20px}.guided-stage .screen-body{min-height:290px}
/* B. Working dossiers */
.dossiers{background:#f5f8fa;min-height:100dvh}.dossier-shell{display:grid;grid-template-columns:minmax(225px,290px) minmax(0,1fr) minmax(220px,280px);min-height:calc(100dvh - 67px);max-width:1600px;margin:auto}.dossier-rail{padding:30px 18px;background:var(--deep);color:#fff}.dossier-rail .brand{color:#fff;font-size:22px}.dossier-rail .brand span{color:#c5d6e5}.dossier-rail h1{font-size:26px;margin:55px 0 8px;color:#fff}.dossier-rail p{font-size:15px;color:#d1e2ee}.dossier-tabs{margin-top:37px;display:grid;gap:7px}.dossier-tabs button{border:0;background:transparent;color:#d6e6f1;border-radius:8px;padding:12px;text-align:left;display:flex;align-items:center;gap:11px;font-weight:700}.dossier-tabs button span{opacity:.65;font-size:12px}.dossier-tabs button.active{background:#2c6198;color:#fff}.dossier-main{padding:40px clamp(22px,4vw,72px) 35px;max-width:850px;width:100%;margin:auto}.dossier-main .chapter-index{color:var(--green)}.dossier-main .slide-title{font-size:clamp(34px,3.4vw,50px)}.dossier-main .screen{margin:28px 0 22px}.dossier-side{border-left:1px solid var(--line);background:#eaf3f9;padding:42px 21px}.dossier-side h3{font-size:19px;color:var(--navy)}.dossier-side p{font-size:14px;color:var(--muted)}.dossier-side .side-item{padding:14px 0;border-bottom:1px solid #c8dce9}.dossier-side .side-item b{display:block;color:var(--navy);margin-bottom:5px}.dossier-side .side-item small{color:var(--muted)}.dossier-side .action{margin-top:23px}.dossier-mobile-nav{display:none}
/* C. Four editorial leaves */
.leaves{background:#fff;min-height:100dvh}.leaves-shell{max-width:1500px;margin:auto;padding:30px 32px 48px}.leaves-top{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding:10px 0 26px}.leaves-top h1{color:var(--navy);margin:0}.leaves-top .subtitle{max-width:37ch;margin:0}.leaf-stage{min-height:650px;display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,.5fr);gap:0;border-bottom:1px solid var(--line)}.leaf-copy{padding:72px 6vw 48px 12px;display:flex;flex-direction:column;align-items:flex-start}.leaf-copy .chapter{flex:1;width:100%}.leaf-copy h2{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:clamp(40px,4.4vw,72px);letter-spacing:-.03em;line-height:1.03;color:var(--navy)}.leaf-copy .slide-lead{font-size:22px;max-width:37ch}.leaf-copy .action{margin-top:24px}.leaf-copy .stage-foot{align-self:stretch}.leaf-visual{padding:44px;display:flex;align-items:center;justify-content:center;background:#eaf3f8}.leaf-visual.greenish{background:#e6f3ea}.leaf-visual .screen{width:min(100%,520px);box-shadow:0 26px 55px -36px #425363}.leaf-visual .screen-body{min-height:385px}.leaf-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 0}.leaf-nav .step-dots{display:flex;gap:9px}.leaf-nav .step-dots button{width:42px;height:42px;border-radius:50%;border:1px solid #bfd3e2;background:#fff;color:var(--navy);font-weight:800}.leaf-nav .step-dots button.active{background:var(--navy);color:#fff}.leaf-nav .arrow-btn{min-width:122px}
@media(max-width:960px){.site-head{padding:12px 18px}.menu-btn{display:inline-flex;align-items:center}.head-nav{position:absolute;z-index:30;top:62px;left:0;right:0;display:none;flex-direction:column;gap:0;padding:12px 17px;background:white;box-shadow:0 15px 22px -19px #123a72}.head-nav.open{display:flex}.head-nav a{padding:12px 2px}.guided-shell{display:block;padding:22px 16px 38px}.guided-intro{position:static}.guided-intro h1{font-size:33px;margin:8px 0 7px}.guided-intro .subtitle{font-size:16px;max-width:60ch;margin-bottom:20px}.guided-intro .chapter-links{display:none}.guided-stage{min-height:0;padding:21px 16px 19px;box-shadow:none;border:1px solid var(--line)}.guided-stage .screen{margin:21px 0}.guided-stage .screen-body{min-height:0}.guided-stage .stage-foot{padding-top:14px}.dossier-shell{display:block;min-height:0}.dossier-rail{padding:17px 17px 0}.dossier-rail .brand{font-size:18px}.dossier-rail h1{font-size:28px;margin:18px 0 7px}.dossier-rail p{font-size:15px;margin-bottom:17px}.dossier-tabs{display:none}.dossier-main{padding:22px 16px 84px}.dossier-main .slide-title{font-size:33px}.dossier-main .screen{margin:22px 0}.dossier-side{display:none}.dossier-mobile-nav{display:grid;position:fixed;z-index:20;bottom:0;left:0;right:0;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);padding:7px 5px max(7px,env(safe-area-inset-bottom));box-shadow:0 -9px 19px -18px #163d61}.dossier-mobile-nav button{border:0;background:transparent;min-height:48px;color:#426381;font-size:11px;font-weight:800;line-height:1.15}.dossier-mobile-nav button span{display:block;font-size:16px;margin-bottom:3px}.dossier-mobile-nav button.active{color:var(--navy);background:#eaf4fc;border-radius:7px}.leaves-shell{padding:19px 16px 85px}.leaves-top{display:block;padding:4px 0 17px}.leaves-top h1{font-size:32px}.leaves-top .subtitle{font-size:15px;margin:9px 0 0}.leaf-stage{display:flex;flex-direction:column;min-height:0}.leaf-copy{padding:29px 2px 22px}.leaf-copy h2{font-size:46px}.leaf-copy .slide-lead{font-size:17px}.leaf-copy .stage-foot{display:none}.leaf-visual{margin:0 -16px;padding:22px 16px;align-items:flex-start}.leaf-visual .screen-body{min-height:0}.leaf-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;background:#fff;padding:10px 16px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--line)}.leaf-nav .arrow-btn{min-width:48px}.leaf-nav .arrow-btn span{display:none}}
@media(max-width:430px){.metric-grid,.source-list{grid-template-columns:1fr 1fr}.metric{min-height:102px;padding:11px}.metric b{font-size:13px}.metric strong{font-size:17px}.two-targets{font-size:12px}.guided-stage .slide-title,.dossier-main .slide-title{font-size:29px}.leaf-copy h2{font-size:42px}.screen-body{padding:14px}.screen-head{padding:12px 14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}