/* Vue d'ensemble des bénéfices ; les exemples s'ouvrent au clic. */
.direction-chapter{position:relative;isolation:isolate;min-height:100svh;padding:27px clamp(26px,4.8vw,92px) 25px;overflow:clip;color:#e1e6f4;background:radial-gradient(ellipse at 74% 8%,#314d7733,transparent 57%),radial-gradient(ellipse at 8% 84%,#42446722,transparent 55%),linear-gradient(115deg,#171b2c,#182032 65%,#1c2338)}.direction-wrap{max-width:1450px;width:100%;margin:auto}.direction-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #94a9d222;padding-bottom:14px;min-height:35px}.direction-nav>span{display:flex;gap:13px;align-items:center;font-size:10px;letter-spacing:.1em;color:#8793af}.direction-nav b{font-size:12px;font-weight:450;letter-spacing:0;color:#9daac8}.direction-nav a{font-size:11px;color:#9facca;text-decoration:none;padding:8px 0}.direction-intro{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:25px 0 27px}.direction-definition{font-size:9px;letter-spacing:.12em;color:#8a9dbf;margin:0 0 13px}.direction-intro h2{font-size:clamp(33px,3.4vw,49px);font-weight:450;line-height:1.15;letter-spacing:-.045em;margin:0}.direction-intro h2 span{color:#a4b5d4}.direction-intro>p{font-size:12px;line-height:1.8;color:#8b9bb9;margin:0 0 3px;flex:none}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.benefit-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:start;min-width:0;min-height:227px;text-align:left;padding:18px 22px 14px;border:1px solid #7d99c243;border-radius:10px;color:#dbe5f8;background:linear-gradient(125deg,#3b4c692e,#222e453d 40%,#6989b311);box-shadow:inset 0 1px #d0e4ff0b,0 3px 0 #0e152b33,0 12px 25px -18px #080c20b3;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden}.benefit-card:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 90% 0,#96b7e212,transparent 65%)}.benefit-card:hover{transform:translateY(-3px);border-color:#8daee38a;box-shadow:inset 0 1px #d0e4ff20,0 4px 0 #0e152b33,0 18px 28px -20px #76a8ee45}.benefit-top{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:10px;color:#8095b6}.benefit-open{font-size:19px;color:#a4b9db;line-height:1}.benefit-card>strong{font-size:20px;font-weight:500;line-height:1.35;letter-spacing:-.03em;display:block;margin-top:28px;color:#dce7fb}.benefit-description{font-size:13px;line-height:1.7;color:#a1aec7;margin-top:9px;max-width:310px}.benefit-detail{font-size:10px;line-height:1.6;color:#798eaf;margin-top:11px;padding-bottom:14px;flex:1}.benefit-example{display:flex;align-items:center;justify-content:space-between;width:100%;border-top:1px solid #99b1dd1c;padding-top:10px;font-size:10px;color:#a2bce2}.benefit-example>span{font-size:16px;line-height:1}.benefit-art{position:absolute;right:50px;top:8px;width:95px;height:52px;display:flex;align-items:end;justify-content:center;gap:7px;opacity:.75;pointer-events:none;transform:perspective(400px) rotateY(-13deg) rotateX(14deg);filter:drop-shadow(0 5px 8px #0d172e70)}.art-bars i{width:14px;height:var(--v);border:1px solid #a9cdfa60;border-radius:2px 2px 0 0;background:linear-gradient(110deg,#bdd6f6b3,#698fcb8a);box-shadow:3px 2px #4c6b9c70,inset 1px 0 #fff3}.art-time{align-items:center}.mini-dial{border:1px solid #acbfe485;border-radius:50%;width:39px;height:39px;background:radial-gradient(circle,#b4d2ff20,#9abbe005);box-shadow:inset 0 0 0 4px #b6d6ff12,3px 2px #8199c122}.mini-dial:before{content:'';position:absolute;top:14px;left:46px;width:1px;height:14px;background:#bcd9ff;transform-origin:bottom;transform:rotate(35deg)}.mini-dial:after{content:'';position:absolute;top:28px;left:46px;width:12px;height:1px;background:#bcd9ff;transform:rotate(20deg);transform-origin:left}.art-load{flex-direction:column;align-items:start;justify-content:center;gap:6px}.art-load i{display:block;height:8px;width:var(--v);border:1px solid #a9cdfa40;border-radius:2px;background:linear-gradient(90deg,#6689be88,#abc9f4b0);box-shadow:0 2px #587eb37a}.art-gantt{display:block;padding-top:7px;box-sizing:border-box;background:repeating-linear-gradient(90deg,transparent 0 18px,#9cbbe91a 19px 20px);height:45px;top:13px}.art-gantt i{display:block;height:7px;width:48px;margin-bottom:6px;border:1px solid #afcdf650;background:#a3bfea80;border-radius:2px}.art-gantt i:nth-child(2){margin-left:20px;width:56px}.art-gantt i:nth-child(3){margin-left:44px;width:39px}.art-curve svg{width:100%;height:100%;overflow:visible;fill:none;stroke:#accaf0;stroke-width:2}.art-curve .mini-axis{stroke:#8aa4d333;stroke-width:1}.art-overview{display:grid;grid-template-columns:repeat(2,25px);grid-template-rows:repeat(2,17px);gap:5px;align-content:center}.art-overview i{border:1px solid #abc7ef60;background:linear-gradient(110deg,#b8d4fa70,#6687b544);border-radius:3px;box-shadow:2px 2px #48608685}.direction-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;line-height:1.7;color:#7888a7;margin-top:24px}.direction-next{color:#afc6ec;text-decoration:none;display:flex;gap:15px;align-items:center}.direction-next:hover{color:#eef5ff}.direction-chapter button:focus-visible,.direction-chapter a:focus-visible,.decision-dialog button:focus-visible,.decision-dialog input:focus-visible{outline:2px solid #9dc3ff;outline-offset:4px}
.decision-dialog{box-sizing:border-box;width:min(1050px,calc(100% - 36px));max-height:92svh;border:1px solid #6c85ab80;border-radius:14px;color:#dce5f7;background:radial-gradient(ellipse at 100% 0,#46638d20,transparent 60%),linear-gradient(125deg,#222b40,#1c263c);padding:25px 32px;box-shadow:inset 0 1px #c3d8ff15,0 40px 130px #060c25b3;color-scheme:dark}.decision-dialog::backdrop{background:#080d20a6;backdrop-filter:blur(10px)}.decision-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#859cbd;font-size:9px;letter-spacing:.1em}.decision-dialog header button{border:1px solid #889fc444;border-radius:5px;background:#d4e3ff05;color:#bbcae4;width:34px;height:34px;display:grid;place-items:center;flex:none}.decision-dialog header svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.2}.decision-dialog h2{font-size:clamp(25px,3vw,37px);font-weight:450;line-height:1.2;letter-spacing:-.035em;margin:19px 0 10px}.demo-lead{font-size:14px;line-height:1.8;color:#aab8d0;margin:0 0 21px;max-width:850px}.demo-controls{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.scope-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:18px}.scope-tabs button{background:#8299c00c;border:1px solid #849ec236;border-radius:5px;padding:10px 12px;font-size:11px;color:#9aacc9;min-height:36px}.scope-tabs button[aria-pressed=true]{background:linear-gradient(125deg,#7398cc3b,#9bbce01c);border-color:#89abdb85;color:#dfecff;box-shadow:inset 0 1px #d0e1ff24}.range-control{display:block;margin:0 0 20px}.range-control>span{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#b2c2de;font-size:12px;line-height:1.6}.range-control output{font-size:18px;color:#dcecff;white-space:nowrap;font-variant-numeric:tabular-nums}.range-control input{width:100%;accent-color:#9fc2f6;display:block;margin:13px 0 8px;height:16px;cursor:ew-resize}.range-control small{font-size:10px;color:#7f92b3;line-height:1.6;display:block}.demo-chart{border:1px solid #8aabd32b;border-radius:9px;background:linear-gradient(120deg,#182238a6,#21304a7a);padding:20px 22px;box-shadow:inset 0 1px #bddbff0a;min-width:0}.demo-legend{display:flex;gap:22px;flex-wrap:wrap;font-size:9px;color:#879dbc;margin-bottom:18px}.demo-legend span{display:flex;align-items:center;gap:7px}.demo-legend i{width:7px;height:7px;background:#92b8ee;border-radius:1px}.demo-legend span:nth-child(2) i{background:#71829f}.demo-legend span:nth-child(3) i{background:#af9bc3}.profit-rows{display:grid;gap:15px}.profit-row{display:grid;grid-template-columns:125px 1fr 150px;gap:20px;align-items:center}.profit-label{font-size:12px;color:#b5c4dc}.profit-tracks{display:grid;gap:6px;min-width:0}.profit-tracks>div{display:flex;align-items:center;height:14px;min-width:0}.profit-tracks i{height:10px;display:block;flex:none;max-width:100%;border-radius:1px;box-shadow:0 2px #10214366}.profit-value{background:linear-gradient(#bfdbff,#7c9fcf);border-top:1px solid #d7e9ffb3}.profit-cost{background:linear-gradient(#9ba9c4,#697c9e);border-top:1px solid #c0cee688}.profit-overhead{background:linear-gradient(#c4b1d8,#9280ac)}.profit-tracks span{font-size:10px;color:#a3b5d1;white-space:nowrap;margin-left:9px}.profit-row>strong{font-size:25px;letter-spacing:-.03em;font-weight:450;text-align:right;color:#aec9f2;font-variant-numeric:tabular-nums}.profit-row>strong small{display:block;font-size:9px;letter-spacing:0;color:#8296b6;line-height:1.6}.demo-negative{color:#d4acc5!important}.demo-conclusion{display:grid;grid-template-columns:1fr;gap:7px;border-left:2px solid #8daee2;margin-top:22px;padding:2px 0 2px 17px}.demo-conclusion>span{font-size:8px;letter-spacing:.11em;color:#8198bd}.demo-conclusion>strong{font-size:21px;line-height:1.35;font-weight:450;color:#c5d9f7;letter-spacing:-.02em}.demo-conclusion>p{font-size:12px;line-height:1.8;color:#99abc8;margin:0;max-width:850px}.demo-note{font-size:9px;line-height:1.9;color:#7d91b1;margin:18px 0 0}.demo-big>span{font-size:9px;letter-spacing:.07em;color:#859cbd}.demo-big>strong{display:block;font-size:47px;line-height:1.2;font-weight:400;letter-spacing:-.045em;color:#b2cef7;margin:10px 0}.demo-big p{font-size:12px;line-height:1.8;color:#8ea3c2;margin:0}.time-demo{display:grid;grid-template-columns:1fr 1.3fr;gap:35px;align-items:center}.time-tracks>div{display:grid;grid-template-columns:100px 1fr 40px;gap:12px;align-items:center;margin:15px 0;color:#9cafcd;font-size:12px}.time-tracks i{display:block;height:15px;background:#0c172f;border-radius:3px;overflow:hidden}.time-tracks b{display:block;height:100%;background:linear-gradient(#aecdf6,#678ec5);border-top:1px solid #c9e1ff;box-shadow:inset 0 -3px #5572a254}.time-tracks>div:first-child b{background:linear-gradient(#9cabc2,#5f7294);border-color:#acbedb}.time-tracks strong{font-size:13px;font-weight:450}.demo-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.demo-tags span{border:1px solid #92acd22b;background:#8fa8cd07;padding:6px 10px;border-radius:4px;font-size:10px;color:#91a6c7}.demo-stat-pair{display:flex;gap:30px;align-items:center;margin:0 0 22px}.demo-stat-pair>div{display:flex;align-items:baseline;gap:12px}.demo-stat-pair strong{font-size:34px;color:#bad2f5;letter-spacing:-.04em;font-weight:400}.demo-stat-pair span{font-size:11px;color:#8b9fc0}.charge-rows{display:grid;gap:20px}.charge-rows>div{display:grid;grid-template-columns:145px 1fr 100px;gap:20px;align-items:center}.charge-rows>div>span{font-size:12px;color:#b3c3de}.charge-rows small{display:block;font-size:9px;color:#7d94b7;margin-top:4px}.charge-track{position:relative;height:17px;background:#101a2e;border-radius:3px}.charge-track i{display:block;height:100%;background:linear-gradient(#b0ccf3,#6e94cc);border-radius:2px;box-shadow:inset 0 -3px #315b9c33}.charge-track b{position:absolute;top:-5px;bottom:-5px;border-left:2px solid #ccbddb}.charge-rows strong{font-size:14px;font-weight:450;color:#a8bddd;text-align:right}.chart-caption{font-size:9px;color:#7d92b5;margin:20px 0 0}.deadline-key{display:flex;gap:25px;font-size:10px;color:#9db4d5;margin-bottom:17px}.deadline-calendar{display:grid;grid-template-columns:175px repeat(8,1fr);font-size:9px;color:#8298b9;gap:4px;margin-bottom:15px}.deadline-rows{display:grid;gap:23px}.deadline-rows>div{display:grid;grid-template-columns:175px 1fr;gap:8px;align-items:center}.deadline-rows>div>span{font-size:12px;color:#bac9df}.deadline-rows small{display:block;font-size:9px;color:#8299bc;margin-top:5px}.deadline-track{position:relative;background:repeating-linear-gradient(90deg,#101c312b 0 calc(12.5% - 1px),#7893bb25 calc(12.5% - 1px) 12.5%);height:30px}.deadline-track>i{position:absolute;height:15px;top:8px;background:#7795c65c;border:1px solid #89a5d275;border-radius:3px;overflow:hidden}.deadline-track i b{display:block;height:100%;background:linear-gradient(#bfd9ff,#86a9db)}.deadline-track.is-risk>i{border-color:#bd9ab7;background:#a78ba242}.deadline-track em{position:absolute;top:0;bottom:0;border-left:2px solid #c3adc9}.fee-layout{display:grid;grid-template-columns:1.4fr .8fr;gap:30px;align-items:center}.fee-curve{width:100%;height:auto;overflow:visible;fill:none}.fee-curve polyline{stroke:#9ec4fb;stroke-width:3;filter:drop-shadow(0 0 5px #7ca9f140)}.fee-curve circle{fill:#cfe3ff;stroke:#6c99d5;stroke-width:5}.fee-curve text{fill:#8ca3c5;stroke:none;font-size:10px;font-family:inherit}.curve-grid{stroke:#7c97bc20;stroke-width:1}.curve-zero{stroke:#b29aba70;stroke-dasharray:4 5}.shared-base{text-align:center}.shared-source>span,.shared-result>span{font-size:9px;letter-spacing:.09em;color:#7e97bc}.shared-source>strong{display:block;font-size:17px;color:#bdcfe9;font-weight:450;margin-top:10px}.shared-link{font-size:27px;color:#779ccf;margin:11px 0}.shared-result{border:1px solid #8eafd43b;border-radius:7px;background:#96baff07;padding:19px}.shared-result h3{font-size:22px;color:#c3d7f7;font-weight:450;letter-spacing:-.02em;margin:9px 0 18px}.shared-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.shared-tiles span{font-size:11px;line-height:1.6;color:#9db3d3;border:1px solid #8aa8d42e;border-radius:4px;padding:12px 8px;background:#bdd7ff06}
@media(min-width:1500px){.direction-chapter{display:flex;align-items:center}.benefit-card{min-height:245px}.direction-intro{margin-bottom:33px}.benefit-card>strong{font-size:23px}}
@media(max-width:1050px){.direction-intro{display:block;margin:22px 0}.direction-intro>p{margin-top:12px;font-size:11px}.direction-intro>p br{display:none}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.benefit-card{min-height:181px;padding:14px 18px 12px}.benefit-card>strong{font-size:18px;margin-top:18px}.benefit-description{font-size:12px;line-height:1.6;margin-top:7px}.benefit-detail{font-size:9px;margin-top:8px;padding-bottom:9px}.benefit-example{font-size:9px;padding-top:8px}.benefit-art{width:75px;height:40px;right:43px}.benefit-top{font-size:9px}.direction-footer{font-size:9px;margin-top:20px}.demo-controls{display:block}.profit-row{grid-template-columns:105px 1fr 115px;gap:13px}.profit-row>strong{font-size:22px}.profit-label{font-size:11px}.decision-dialog{padding:22px}.demo-stat-pair{gap:18px}.demo-stat-pair>div{display:block}.demo-stat-pair>div>span{display:block}.fee-layout{grid-template-columns:1.3fr 1fr}.fee-layout .demo-big>strong{font-size:36px}}
@media(max-width:600px){.direction-chapter{padding:22px}.direction-nav>span{font-size:8px;letter-spacing:.06em;gap:8px}.direction-nav a{font-size:10px}.direction-definition{font-size:8px;line-height:1.7}.direction-intro h2{font-size:30px}.direction-intro>p{font-size:12px}.benefit-grid{grid-template-columns:1fr;gap:14px}.benefit-card{min-height:190px;padding:17px 20px}.benefit-card>strong{font-size:21px;margin-top:17px}.benefit-description{font-size:13px}.benefit-detail{font-size:10px}.benefit-example{font-size:10px}.benefit-art{width:90px;height:44px;right:50px}.direction-footer{display:block;font-size:9px}.direction-footer .direction-next{font-size:11px;margin-top:15px}.decision-dialog{padding:18px;width:calc(100% - 24px);max-height:94svh}.decision-dialog>header{font-size:7px;letter-spacing:.05em}.decision-dialog h2{font-size:26px}.demo-lead{font-size:12px;margin-bottom:18px}.scope-tabs{gap:5px}.scope-tabs button{font-size:10px;padding:8px 10px}.range-control>span{font-size:11px}.range-control output{font-size:16px}.demo-chart{padding:16px 13px}.demo-legend{gap:9px;font-size:8px;line-height:1.6}.profit-rows{gap:22px}.profit-row{grid-template-columns:1fr 90px;gap:8px}.profit-label{grid-column:1/-1;font-size:12px}.profit-tracks{min-height:42px}.profit-tracks span{font-size:8px;margin-left:5px}.profit-row>strong{font-size:21px}.profit-row>strong small{font-size:8px}.demo-conclusion>strong{font-size:19px}.demo-conclusion>p{font-size:11px}.demo-note{font-size:9px}.time-demo,.fee-layout{grid-template-columns:1fr;gap:18px}.demo-big>strong{font-size:39px}.time-tracks>div{grid-template-columns:85px 1fr 34px;gap:8px;font-size:10px}.time-tracks strong{font-size:11px}.demo-tags{gap:6px}.demo-tags span{font-size:9px;padding:5px 8px}.demo-stat-pair{gap:20px}.demo-stat-pair strong{font-size:30px}.demo-stat-pair span{font-size:9px}.charge-rows>div{grid-template-columns:1fr 80px;gap:10px}.charge-rows>div>span{grid-column:1/-1;font-size:12px}.charge-rows small{display:inline;margin-left:9px}.charge-rows strong{font-size:12px}.deadline-calendar{grid-template-columns:repeat(8,1fr);font-size:8px;gap:2px}.deadline-calendar>span:first-child{display:none}.deadline-rows>div{grid-template-columns:1fr;gap:9px}.deadline-rows{gap:18px}.deadline-rows>div>span{font-size:11px}.deadline-rows small{font-size:9px}.shared-source>strong{font-size:14px;line-height:1.7}.shared-result{padding:15px 12px}.shared-result h3{font-size:20px;line-height:1.4}.shared-tiles{grid-template-columns:1fr 1fr}.shared-tiles span{font-size:10px;padding:10px 6px}.fee-layout .demo-big{text-align:center}.fee-layout .demo-big>strong{font-size:36px}}
@media(prefers-reduced-motion:reduce){.benefit-card{transition:none}.benefit-card:hover{transform:none}}
.profit-tracks>div{padding-right:55px;box-sizing:border-box}
