:root{--ink:#142b29;--muted:#526761;--paper:#f7f8f4;--white:#fff;--green:#226757;--lime:#d3e680;--line:#d9e0d9;--dark:#122d29;--soft:#eaf1e9;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif;line-height:1.15}p{line-height:1.6}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:1rem;z-index:20}.skip:focus{left:0}.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem max(4vw,24px);background:#f7f8f4ee;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{text-decoration:none;font:800 1.28rem Manrope;letter-spacing:.09em}.brand span{display:block;color:var(--muted);font:500 .68rem 'DM Sans';letter-spacing:.02em}.top nav{display:flex;gap:1.45rem;align-items:center;flex-wrap:wrap}.top nav a{text-decoration:none;font-size:.88rem;font-weight:700}.top nav a:hover{text-decoration:underline}.nav-cta{background:var(--dark);color:#fff;padding:.7rem 1rem;border-radius:100px}.hero{min-height:680px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;gap:5vw;padding:6rem max(5vw,28px);background:radial-gradient(circle at 90% 5%,#d7e7cb,transparent 35%),#f5f7f1}.hero-copy{max-width:770px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:800;color:var(--green);display:block;margin-bottom:1.35rem}.hero h1{font-size:clamp(2.6rem,5vw,5.5rem);letter-spacing:-.055em;margin-bottom:1.6rem}.hero-copy>p{max-width:660px;font-size:1.1rem;color:#36524b}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:2rem 0}.button{display:inline-block;border:1px solid var(--dark);padding:.95rem 1.3rem;border-radius:6px;text-decoration:none;font-weight:800}.primary{background:var(--dark);color:#fff}.secondary{background:transparent}.button:hover,.story-controls button:hover{transform:translateY(-2px)}.small{font-size:.79rem!important;color:var(--muted)!important}.hero-card{max-width:480px;background:#fff;border:1px solid #cbd9d1;border-radius:20px;padding:1.25rem;box-shadow:0 35px 65px #173c2d20;transform:rotate(2deg)}.chat-head{border-bottom:1px solid var(--line);padding:.3rem .2rem 1rem;font-weight:800;font-size:.82rem}.dot{display:inline-block;width:9px;height:9px;background:#77b275;border-radius:50%;margin-right:.5rem}.bubble{padding:1rem;margin:1.25rem 0;border-radius:16px;line-height:1.5;font-size:.95rem}.bubble.user{margin-left:12%;background:#e5efe5;border-bottom-right-radius:3px}.bubble.bot{margin-right:12%;background:#f2f3ed;border-bottom-left-radius:3px}.mini-state{font-size:.72rem;font-weight:800;letter-spacing:.04em;color:var(--green);padding:.6rem}.section{padding:6rem max(5vw,28px)}.section-intro{max-width:820px;margin-bottom:2.5rem}.section-intro h2{font-size:clamp(2rem,3.5vw,3.7rem);letter-spacing:-.045em;margin-bottom:1rem}.section-intro p{font-size:1.03rem;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.steps article{background:white;padding:1.8rem;border:1px solid var(--line);min-height:235px}.steps b{display:block;font:800 2.5rem Manrope;color:#9ac28d;margin-bottom:1.2rem}.steps h3{font-size:1.12rem}.steps p{font-size:.9rem;color:var(--muted)}.callout{background:#e5efe4;border-left:4px solid var(--green);padding:1.3rem 1.5rem;margin-top:1.3rem;line-height:1.5}.dark{background:var(--dark);color:#fff}.dark .eyebrow{color:var(--lime)}.dark .section-intro p{color:#c3d5cc}.story-layout{display:grid;grid-template-columns:300px 1fr;gap:1.2rem}.story-tabs{display:grid;gap:.5rem}.story-tabs button{text-align:left;border:1px solid #3b5b50;background:#1c3b35;color:#f3f7ed;padding:1rem 1.1rem;border-radius:7px;font-weight:800}.story-tabs button[aria-selected=true]{background:var(--lime);color:var(--dark)}.story-tabs span{display:block;font-size:.65rem;opacity:.65;margin-bottom:.5rem}.story-tabs small{display:block;font-weight:500;opacity:.72;margin-top:.5rem}.story-panel{min-height:360px;background:#f7f9f3;color:var(--dark);border-radius:10px;padding:2.5rem 3rem;display:flex;flex-direction:column}.story-meta{display:flex;gap:1rem;align-items:center;font-size:.77rem;color:var(--muted)}.story-number{font:800 3rem Manrope;color:#a9c9ac;margin-top:auto}.story-panel h3{font-size:2.2rem;letter-spacing:-.04em;margin:.4rem 0}.story-panel p{max-width:690px;font-size:1.1rem}.progress{background:#dae5d9;height:4px;margin-top:auto}.progress span{display:block;height:100%;background:var(--green)}.story-controls{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-top:1rem}.story-controls button{border:1px solid #b6c8b9;background:transparent;color:#fff;border-radius:5px;padding:.7rem 1rem}.story-controls button:disabled{opacity:.35;cursor:default}.story-controls span{font-size:.8rem;color:#c3d5cc}.legend{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.tag{display:inline-block;border-radius:100px;padding:.3rem .65rem;font-size:.67rem;font-weight:800;white-space:nowrap}.available{background:#dcefe2;color:#1c6843}.prototype{background:#fff0cd;color:#805300}.planned{background:#dfebf4;color:#235d7c}.decision{background:#ebe4f2;color:#654779}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.module-card{background:#fff;border:1px solid var(--line);padding:1.5rem;min-width:0}.module-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.75rem}.module-card h3{font-size:1.2rem;margin:1.4rem 0 .7rem}.module-card>p{color:var(--muted);font-size:.9rem;min-height:3rem}.module-card details{border-top:1px solid var(--line);padding-top:1rem}.module-card summary{color:var(--green);font-weight:800;cursor:pointer;font-size:.86rem}.module-card dl{margin:1rem 0 0}.module-card dt{font-weight:800;font-size:.74rem;margin-top:.85rem}.module-card dd{margin:.2rem 0 0;font-size:.79rem;line-height:1.5;color:var(--muted)}.tint{background:#edf2eb}.condition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.condition-grid article{border-top:1px solid #b9cdbb;padding-top:1.2rem}.condition-grid h3{font-size:1.05rem}.condition-grid p{font-size:.9rem;color:var(--muted)}.config-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);gap:2rem;align-items:start}fieldset{border:1px solid var(--line);padding:1.3rem;margin:0 0 1rem;background:#fff}legend{font-weight:800;padding:0 .5rem}#config-modules{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.module-choice{display:flex;align-items:center;gap:.7rem;padding:.7rem;border:1px solid var(--line);cursor:pointer}.module-choice input{accent-color:var(--green);width:18px;height:18px}.module-choice small{display:block;color:var(--muted);font-size:.7rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid label{font-size:.8rem;font-weight:800}.form-grid input,.form-grid textarea,.form-grid select{display:block;width:100%;margin-top:.4rem;border:1px solid #b6c8bd;border-radius:4px;background:#fff;padding:.7rem;min-height:42px;color:var(--ink)}.summary{background:#fff;border:1px solid var(--line);box-shadow:0 20px 45px #173c2d11;padding:2rem;line-height:1.5}.summary-head{border-bottom:1px solid var(--line);margin-bottom:1rem}.summary-head h3{font-size:1.8rem;margin:.2rem 0}.summary h4{margin:1.5rem 0 .5rem;font-size:.9rem}.summary p,.summary li{font-size:.84rem}.summary ul,.summary ol{padding-left:1.2rem}.summary li{margin:.4rem 0}.summary .tag{margin-left:.3rem}.costs{list-style:none;padding:0!important}.costs li{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);gap:1rem;padding:.3rem 0}.notice,.alert{padding:.7rem 1rem;background:#fff3d8}.alert{background:#ffe2dd}.print-actions{margin-top:1rem;display:flex;gap:1rem;align-items:center}footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--dark);color:#fff;padding:2rem max(5vw,28px);font-size:.8rem}footer strong{letter-spacing:.12em}footer a{text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #be8d3d;outline-offset:3px}@media(max-width:900px){.top{align-items:flex-start;flex-direction:column}.top nav{gap:.8rem}.hero{grid-template-columns:1fr;min-height:0}.hero-card{transform:none}.steps,.condition-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}.config-layout{grid-template-columns:1fr}}@media(max-width:600px){.section{padding:4rem 20px}.hero{padding:4rem 20px}.top{padding:1rem 20px}.top nav{font-size:.8rem;gap:.6rem}.steps,.condition-grid,.module-grid,.form-grid,#config-modules{grid-template-columns:1fr}.story-layout{grid-template-columns:1fr}.story-tabs{grid-template-columns:repeat(2,1fr)}.story-panel{padding:1.5rem;min-height:310px}.story-controls{justify-content:space-between}.print-actions{display:block}footer{display:block}footer span,footer a{display:block;margin-top:.5rem}}@media print{*{box-shadow:none!important}body{background:#fff}.top,.hero,.section:not(#configurateur),footer,#config-form,.print-actions,.section-intro{display:none!important}#configurateur{padding:0}.config-layout{display:block}.summary{border:0;padding:0}.summary-head h3{font-size:1.5rem}.summary li,.summary p{font-size:10pt}.summary .tag{border:1px solid #999}.summary{break-inside:avoid}}
.print-card{border:0;background:transparent;color:var(--green);font-size:.78rem;font-weight:800;padding:.7rem 0 0;text-decoration:underline;text-underline-offset:3px}@media print{body.print-module #modules{display:block!important;padding:0!important}body.print-module #configurateur{display:none!important}body.print-module #modules .section-intro,body.print-module #modules .legend{display:none!important}body.print-module #module-grid{display:block!important}body.print-module .module-card{display:none!important}body.print-module .module-card.print-target{display:block!important;border:0!important;padding:0!important}body.print-module .module-card.print-target details{display:block!important}body.print-module .module-card.print-target .print-card{display:none!important}body.print-module .module-card.print-target h3{font-size:1.5rem}body.print-module .module-card.print-target dt,body.print-module .module-card.print-target dd{font-size:10pt}}