@charset "UTF-8";
:root{--ink:#102b39;--muted:#526772;--paper:#f4f6f3;--accent:#166b61;--lime:#ddf19a;--line:#d9e1dc;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c16b20;outline-offset:5px}header{max-width:1440px;margin:auto;min-height:100px;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:23px;letter-spacing:-.8px;line-height:1.15}.brand small{display:block;font-size:8px;letter-spacing:1.8px;font-weight:600;margin-top:8px}.brandmark{display:grid;place-content:center;color:#fff;background:var(--ink);border-radius:10px;font-size:25px;width:46px;height:46px;position:relative}.brandmark span{font-size:9px;letter-spacing:1px}nav{display:flex;gap:30px;font-size:14px}nav a{padding:8px 0;border-bottom:2px solid transparent}nav a:hover,nav a[aria-current]{border-color:var(--accent)}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:var(--ink);color:white;border-radius:7px;padding:16px 24px;font-size:14px;font-weight:650;transition:transform .2s,background .2s}.button:hover{background:var(--accent);transform:translateY(-2px)}.button.small{padding:12px 17px;font-size:12px}.text-link{font-weight:650;border-bottom:1px solid currentColor;padding-bottom:4px;font-size:14px}section{max-width:1280px;margin:auto;padding:100px 40px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2.2px;margin:0 0 25px;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.6vw,80px);font-weight:500;letter-spacing:-4px;line-height:1.05;margin-bottom:25px}h1 em{font-family:var(--serif);font-weight:400;color:var(--accent);letter-spacing:-3px}h2{font-size:clamp(34px,3.4vw,48px);line-height:1.13;letter-spacing:-1.8px;font-weight:500;margin-bottom:22px}h3{font-size:25px;line-height:1.2;letter-spacing:-.7px;font-weight:550}.intro{color:var(--muted);max-width:500px;font-size:18px;line-height:1.8}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin:30px 0}.home-hero{min-height:685px;position:relative;padding-top:75px;padding-bottom:75px;overflow:hidden}.home-hero h1,.home-hero .intro,.home-hero .hero-actions{position:relative;z-index:2;max-width:56%}.reader{position:absolute;right:10px;top:35px;width:46%;height:560px;display:flex;align-items:center;justify-content:center}.reader img{width:95%;mix-blend-mode:multiply;filter:drop-shadow(0 24px 24px #12332613);animation:float 8s ease-in-out infinite}.floating{position:absolute;bottom:55px;right:0;background:var(--ink);color:white;border-radius:8px;padding:17px 23px;font-size:9px;letter-spacing:1px;box-shadow:0 15px 40px #102b3920}.floating b{display:block;font-size:17px;letter-spacing:0;margin-top:5px}.road{position:absolute;right:-80px;top:50px;width:550px;height:550px;border:1px solid #d9e3d6;border-radius:50%;transform:rotate(-25deg)}.road:after{content:'';position:absolute;inset:30px;border:1px dashed #c7d7c1;border-radius:50%}.ribbon{display:flex;justify-content:center;gap:55px;padding:24px;background:var(--ink);color:#dae8df;font-size:10px;letter-spacing:1.5px;flex-wrap:wrap}.section-head{max-width:650px;margin-bottom:44px}.section-head p:not(.eyebrow){color:var(--muted);max-width:540px}.audiences{display:grid;grid-template-columns:1fr 1fr;gap:24px}.audience{padding:42px;position:relative;border-radius:10px;min-height:430px;transition:transform .25s}.audience:hover{transform:translateY(-6px)}.personal{background:#e0eacb}.business{background:#102b39;color:#f3f6ef}.number{font-size:10px;letter-spacing:2px;display:block;margin-bottom:35px}.audience h3{font-size:38px;letter-spacing:-1.5px;font-weight:500}.audience p{max-width:330px;font-size:15px;opacity:.85}.audience b{display:block;font-size:13px;margin-top:35px}.round-arrow{position:absolute;right:30px;bottom:30px;border:1px solid currentColor;border-radius:100%;width:45px;height:45px;display:grid;place-items:center;font-size:23px}.split{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:center}.split>div>p:not(.eyebrow){color:var(--muted)}.demo{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 65px #102b3909;overflow:hidden}.windowbar{display:flex;justify-content:space-between;align-items:center;background:#edf1ee;padding:14px 20px;font-size:11px;gap:10px}.dots{font-size:9px;color:#a5b5ac;letter-spacing:3px}.demo-label{font-size:8px;letter-spacing:1px;color:var(--accent)}.demo-body{padding:32px}.demo-top{display:flex;align-items:start;justify-content:space-between;gap:15px}.demo-top small,.metrics small{font-size:9px;letter-spacing:1px;color:var(--muted)}.demo-top h3{font-size:23px;margin:9px 0 22px}.pill{display:inline-block;font-size:11px;border:1px solid #c6d7cd;border-radius:20px;padding:5px 12px;white-space:nowrap}.demo-controls{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 28px}.demo-controls button{background:#f4f6f3;border:1px solid var(--line);padding:9px 16px;border-radius:5px;font-size:12px;color:var(--ink)}.demo-controls button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metrics strong{display:block;font-size:clamp(23px,3vw,38px);font-weight:500;letter-spacing:-1px;margin:8px 0 26px}.timeline{display:flex;gap:4px;height:24px;border-radius:4px;overflow:hidden}.driving{background:#237d71;transition:flex .4s}.work{background:#d6ab49}.rest{background:#dce3df}.legend{display:flex;gap:16px;font-size:10px;margin:12px 0 25px}.legend span:first-child{color:#166b61}.legend span:nth-child(2){color:#806313}.legend span:last-child{color:#52645a}.demo-caption{font-size:12px;margin:0;color:var(--muted)}.demo-bottom{border-top:1px solid var(--line);padding:13px 25px;font-size:11px;color:var(--muted)}.end{text-align:center;background:#e5eddb;max-width:none;padding:80px 30px}.end h2{font-size:clamp(38px,4vw,56px)}.end .note{display:block;margin-top:16px}.note{font-size:11px;color:var(--muted)}footer{max-width:1280px;margin:auto;padding:60px 40px;display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:45px;font-size:13px}footer p{margin-top:20px;color:var(--muted)}footer>div:not(:first-child){display:flex;flex-direction:column;gap:13px}footer span{color:var(--muted);font-size:11px}.edition-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding-top:75px;padding-bottom:80px}.hero-panel{background:#e4edda;min-height:440px;border-radius:180px 180px 12px 12px;padding:75px 40px 35px;text-align:center}.hero-panel strong{font-size:100px;line-height:1.4;font-weight:450;letter-spacing:-7px;display:block}.hero-panel strong span{font-size:42px}.hero-panel p{font-size:12px;color:var(--muted)}.panel-tags{display:flex;justify-content:center;gap:15px;font-size:11px;margin-bottom:25px}.mini-route{height:40px;margin:25px 0;background:linear-gradient(90deg,#166b61 0 40%,#d6ab49 40% 48%,#bccdb8 48% 56%,#166b61 56% 90%,#d6ab49 90%);border-radius:20px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.feature-grid article{padding:25px 0;border-top:1px solid var(--line)}.feature-grid article>span{font-size:10px;letter-spacing:1.6px;color:var(--accent)}.feature-grid h3{font-size:30px;margin:25px 0 17px}.feature-grid p{font-size:15px;color:var(--muted)}.screenshot-section{padding-top:30px}.screenshot{border:0;background:var(--ink);padding:12px;border-radius:10px;width:100%;color:white}.screenshot img{width:100%;display:block;border-radius:5px}.screenshot span{display:block;font-size:12px;padding:10px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line)}ol{margin:0;padding-left:25px}ol li{padding:0 0 20px 15px}ol p{color:var(--muted);margin:8px 0;font-size:15px}.faq{padding-top:30px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{font-weight:600;cursor:pointer}details p{color:var(--muted);max-width:850px;margin:18px 0 5px}.entreprise{--paper:#edf1f4;--accent:#26618d;--lime:#cfdef0}.entreprise .edition-hero h1 em{color:#28638c}.entreprise .button{background:#163b57}.entreprise .ribbon{background:#163b57}.org-panel{background:#12334b;color:#ecf4ff;border-radius:12px;padding:38px;box-shadow:0 25px 70px #143b561a}.org-panel>div:first-child{font-size:10px;letter-spacing:2px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b7d591;margin-right:6px}.org-panel h3{margin:32px 0;font-size:29px}.org-root{text-align:center;background:#2b536f;padding:17px;border:1px solid #7292a6;border-radius:5px}.org-branches,.org-people{display:flex;justify-content:space-between;gap:20px;margin-top:30px;position:relative}.org-branches span,.org-people span{flex:1;text-align:center;border:1px solid #42647a;padding:14px;border-radius:5px;font-size:13px}.org-people{margin-top:15px}.org-panel>p{font-size:10px;color:#b7c9d6;margin:25px 0 0}.cloud{background:#dce6ed;border-radius:12px;margin-bottom:80px}.cloud-visual{display:flex;flex-direction:column;align-items:center;gap:0}.cloud-visual>span{border:1px solid #9eb7c9;padding:15px 35px;border-radius:8px;font-size:12px;background:#f1f5f8}.cloud-visual strong{background:#163b57;color:white;padding:30px 65px;text-align:center;border-radius:10px;font-size:24px;font-weight:500;line-height:1.3}.cloud-line{width:1px;height:40px;border-left:1px dashed #688b9f}.offers-intro{text-align:center;padding-bottom:30px}.offers-intro .intro{margin:0 auto}.offer-cards{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-top:40px}.offer-cards article{background:white;padding:40px;border:1px solid var(--line);border-radius:10px}.offer-cards article:nth-child(2){background:var(--ink);color:white}.offer-cards article:nth-child(2) .eyebrow{color:#bedacb}.offer-cards article:nth-child(2) .button{background:#deedb5;color:var(--ink)}.offer-cards h2{font-size:36px}.offer-cards ul{padding-left:20px;line-height:2.2;font-size:14px;margin:25px 0 35px}.legal{max-width:900px}.legal h1{font-size:52px}.legal h2{font-size:26px;margin-top:40px}.legal a{text-decoration:underline}.skip{position:absolute;top:-100px;z-index:10;background:white;padding:15px}.skip:focus{top:0}dialog{border:0;border-radius:10px;max-width:96vw;padding:15px;background:#f4f6f3}dialog::backdrop{background:#071a29cc}dialog img{display:block;max-height:80vh;max-width:90vw}dialog .close{display:block;margin:0 0 12px auto;padding:8px 16px;border:1px solid var(--line);border-radius:5px;background:white}@keyframes float{50%{transform:translateY(-10px)}}@media(min-width:1500px){.home-hero{min-height:730px}}@media(max-width:1000px){header{gap:20px}.button.small{display:none}.split,.edition-hero{gap:30px}.home-hero h1{font-size:65px}.demo-body{padding:22px}.demo-top{flex-wrap:wrap}.hero-panel strong{font-size:75px}.feature-grid{gap:25px}.audience{padding:30px}.audience h3{font-size:33px}.org-panel{padding:27px}}@media(max-width:700px){header{padding:20px 22px;flex-wrap:wrap;gap:20px}.brand{font-size:21px}nav{width:100%;gap:28px;font-size:13px}section{padding:65px 22px}h1,.home-hero h1{font-size:50px;letter-spacing:-2.5px}h1 em{letter-spacing:-2px}.home-hero{padding-top:45px;padding-bottom:300px}.home-hero h1,.home-hero .intro,.home-hero .hero-actions{max-width:100%}.intro{font-size:16px}.reader{width:280px;height:270px;top:auto;bottom:0;right:calc(50% - 140px)}.floating{font-size:8px;right:-25px;bottom:30px;padding:10px 15px}.floating b{font-size:13px}.road{width:310px;height:310px;top:auto;bottom:-60px;right:calc(50% - 155px)}.hero-actions{gap:20px}.ribbon{gap:15px 30px;font-size:8px;padding:20px}.audiences,.split,.edition-hero,.feature-grid,.steps,.offer-cards{grid-template-columns:1fr}.audience{min-height:380px}.audience h3{font-size:36px}.split{gap:35px}.edition-hero{padding-top:45px;gap:40px}.hero-panel{min-height:300px;padding:40px 25px 25px;border-radius:100px 100px 10px 10px}.hero-panel strong{font-size:80px}.metrics strong{font-size:27px}.metrics small{font-size:8px}.demo-top h3{font-size:21px}.demo-body{padding:20px}.demo-controls button{padding:8px 12px}.demo-label{font-size:7px}.windowbar{padding:12px;font-size:9px}.section-head{margin-bottom:30px}.feature-grid{gap:12px;padding-top:20px;padding-bottom:20px}.feature-grid article{padding-top:25px}.steps{gap:25px}.cloud{border-radius:0;margin-bottom:30px}.cloud-visual{padding-top:20px}.offer-cards{gap:20px}.offer-cards article{padding:30px}.end{padding:60px 22px}.end h2{font-size:38px}footer{grid-template-columns:1fr;gap:25px;padding:45px 22px}.legal h1{font-size:40px}.legal h2{font-size:25px}.screenshot{padding:6px}.pill{font-size:10px}.note{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Le regard du conducteur */
.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}.home-hero{min-height:810px}.home-hero h1{font-size:clamp(48px,5.4vw,76px)}.home-hero .reader{top:100px}.founder{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;background:#e5eddb;max-width:none;padding-left:max(40px,calc((100vw - 1200px)/2));padding-right:max(40px,calc((100vw - 1200px)/2))}.founder h2 em,.field-note h2 em{font-family:var(--serif);font-weight:400;color:var(--accent)}.founder-signature{display:flex;gap:15px;align-items:center;margin-top:45px}.initials{display:grid;place-items:center;width:52px;height:52px;border:1px solid #a0b49b;border-radius:50%;font-family:var(--serif);font-size:23px}.founder-signature small{display:block;font-size:11px;margin-top:5px;color:var(--muted)}.founder-signature b{font-size:14px}.founder-copy .statement{font-size:clamp(25px,2.7vw,38px);line-height:1.4;letter-spacing:-1px;color:var(--ink)}.founder-copy>p{color:var(--muted)}.founder-copy .text-link{display:inline-block;margin-top:14px}.need-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:40px}.need-options{display:flex;flex-direction:column;gap:12px}.need-options button{display:flex;align-items:center;gap:18px;text-align:left;background:transparent;border:1px solid var(--line);padding:24px;color:var(--ink);border-radius:8px;font-size:16px;transition:background .25s,transform .25s}.need-options button span{font-size:10px;letter-spacing:1px;opacity:.7}.need-options button b{margin-left:auto;font-size:24px;font-weight:400}.need-options button[aria-pressed=true]{background:var(--ink);color:#eff4e8;transform:translateX(6px)}.need-result{border-radius:12px;background:#e2eacb;padding:36px;min-height:360px;transition:background .3s}.need-result h3{font-size:35px;margin-bottom:20px}.need-result p{font-size:15px;color:#405546}.need-result[data-selected='1']{background:#dbe5ee}.need-result[data-selected='2']{background:#eee5d6}.need-art{display:flex;gap:5px;align-items:center;margin:25px 0 30px;height:32px}.need-art span{flex:1;background:#166b61;height:12px;border-radius:3px;transition:height .4s,background .4s}.need-art span:nth-child(2){flex:2;height:25px;background:#b69b43}.need-art span:nth-child(3){height:19px}.need-art span:nth-child(4){height:32px;flex:3}.need-art span:nth-child(5){background:#a5b5a0}.need-result[data-selected='1'] .need-art span{background:#426886;height:26px}.need-result[data-selected='1'] .need-art span:nth-child(odd){height:13px}.need-result[data-selected='2'] .need-art span{background:#9a793f}.need-result[data-selected='2'] .need-art span:nth-child(odd){height:32px}.field-note{border-top:1px solid var(--line);text-align:center;max-width:1000px}.field-note>p:not(.eyebrow){max-width:640px;margin:20px auto;color:var(--muted);font-size:18px}.field-note>span{display:block;font-size:12px;margin:25px 0}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s,transform .65s}.reveal.revealed{opacity:1;transform:none}.audience.revealed:hover{transform:translateY(-6px)}.entreprise .founder{background:#dce6ed}@media(max-width:1000px){.founder{gap:40px}.need-layout{gap:25px}.need-options button{font-size:14px;padding:20px}.home-hero{min-height:780px}}@media(max-width:700px){.home-hero{min-height:0;padding-bottom:300px}.home-hero h1{font-size:48px}.home-hero .reader{top:auto}.founder{grid-template-columns:1fr;padding:60px 22px;gap:32px}.founder-signature{margin-top:26px}.founder-copy .statement{font-size:29px}.need-layout{grid-template-columns:1fr;gap:25px}.need-options button{padding:17px;font-size:14px}.need-options button[aria-pressed=true]{transform:none}.need-result{padding:28px;min-height:375px}.need-result h3{font-size:30px}.field-note>p:not(.eyebrow){font-size:16px}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}
/* Le contenu reste visible même avant le déclenchement d’une animation. */
.reveal{opacity:1;transform:none;transition:none}.reveal.revealed{animation:enter-view .65s ease both}@keyframes enter-view{from{opacity:.3;transform:translateY(20px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.reveal.revealed{animation:none}}