@font-face {
  font-family: 'AFK Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(manrope-400.woff2) format('woff2');
}
@font-face {
  font-family: 'AFK Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(manrope-500.woff2) format('woff2');
}
@font-face {
  font-family: 'AFK Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(manrope-600.woff2) format('woff2');
}
@font-face {
  font-family: 'AFK Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(manrope-700.woff2) format('woff2');
}
@font-face {
  font-family: 'AFK Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(manrope-800.woff2) format('woff2');
}
:root{--paper:#f7f8f2;--ink:#20271f;--muted:#596052;--lime:#d0fa68;--line:#d6dacf;--title:clamp(2.5rem,5.5vw,5rem);--heading:clamp(1.8rem,3vw,2.6rem);--space:clamp(2rem,5vw,4rem)}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;scrollbar-gutter:stable}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 'AFK Sans',Arial,sans-serif}::selection{background:var(--lime)}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}input{min-width:0;width:100%;border:1px solid var(--line);border-radius:28px;padding:14px 20px;background:#fff;color:var(--ink);caret-color:#394e21}input::placeholder{color:#707569}input:focus{border-color:#647a45;outline:none}label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}button{border:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;border-radius:30px;padding:13px 23px;background:var(--lime);color:var(--ink);font-weight:600;text-decoration:none;transition:background .18s,transform .18s}.button:hover{background:#c1ef53}.button:active{transform:scale(.985)}.button:disabled{cursor:wait;opacity:.6}.button svg{width:18px;height:18px}.wide{width:100%}.demo{background:#e9eddf;border-bottom:1px solid var(--line);font-size:12px;text-align:center;padding:10px 20px;color:#434b3b}.wrap{max-width:1220px;margin:auto;padding:0 40px}header{display:flex;justify-content:space-between;align-items:center;padding:28px 0;gap:18px}.logo{font-weight:800;font-size:44px;line-height:1;letter-spacing:-.04em;text-decoration:none;display:flex;align-items:baseline}.dot{width:10px;height:10px;background:var(--lime);border-radius:50%;margin-left:5px}.back{font-size:14px;text-decoration:none;padding:12px 0}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:60px;align-items:center;padding:var(--space) 0 90px}h1{font-size:var(--title);line-height:1.05;letter-spacing:-.04em;font-weight:650;margin:0 0 26px;text-wrap:balance}h1 span{color:#45523f}h2{font-size:var(--heading);line-height:1.14;letter-spacing:-.03em;margin:0 0 16px}h3{font-size:24px;line-height:1.2;letter-spacing:-.02em;margin:0 0 12px}p{margin:0 0 20px;max-width:65ch}.lead{font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--muted)}.card{background:#fff;border-radius:28px;padding:32px;box-shadow:0 16px 50px #20271f08}.small{font-size:13px;color:var(--muted)}.field{margin:20px 0}.muted{color:var(--muted)}.note{margin-top:16px;margin-bottom:0}.error{color:#9b2c20;font-size:14px;margin-top:8px}.analysis{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding:30px 0 70px;align-items:start}.intro{margin:0 0 30px}.domain{display:inline-block;max-width:100%;overflow-wrap:anywhere;font-size:14px;padding:7px 12px;background:#e9eddf;border-radius:30px;margin-bottom:24px}.steps{list-style:none;padding:0;margin:34px 0}.steps li{display:flex;gap:18px;align-items:center;padding:17px 0;color:#777e70}.steps li.active,.steps li.done{color:var(--ink)}.marker{width:28px;height:28px;flex:0 0 28px;border:1px solid #c9cebf;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.done .marker{background:var(--lime);border-color:var(--lime)}.active .marker{border:2px solid #d9e9be;border-top-color:#4b6825;animation:spin 1s linear infinite}.step-label{font-size:16px}.step-info{font-size:13px;color:var(--muted);display:block}.ready .marker{animation:none}.fact{border-top:1px solid var(--line);padding-top:20px;font-size:14px;color:var(--muted)}.form-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:13px;color:var(--muted)}.edit{background:none;color:var(--ink);padding:8px;text-decoration:underline;text-underline-offset:3px}.confirmation{padding:18px 0}.check{width:52px;height:52px;background:var(--lime);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:22px}.check svg{width:25px}.pill{display:inline-block;background:#eef2e6;border-radius:20px;padding:6px 12px;font-size:12px}.optional{border-top:1px solid var(--line);padding-top:22px;margin-top:25px}.outline{background:none;border:1px solid var(--line)}.outline:hover{background:#f0f3e9}footer{padding:24px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;gap:20px;justify-content:space-between}.mobile-title{font-size:clamp(2rem,4vw,3.4rem)}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@media(hover:hover) and (pointer:fine){:focus-visible{outline:2px solid #45652d;outline-offset:4px}}@media(max-width:760px){.wrap{padding:0 22px}header{padding:22px 0}.logo{font-size:36px}.hero,.analysis{grid-template-columns:1fr;gap:28px;padding:24px 0 50px}.card{padding:25px;border-radius:24px}.hero h1{max-width:12ch}.analysis .intro{margin:0 0 12px}.analysis .domain{margin-bottom:16px}.steps{margin:18px 0}.steps li{padding:9px 0}.fact{display:none}.step-info{display:none}.mobile-title{font-size:32px}.analysis .card{margin-top:0}footer{flex-direction:column;gap:8px}.demo{font-size:11px;padding:8px 16px}.lead{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.active .marker{border-color:#5a7535;background:#edf5df}}


/* Section 2 : accumulation au scroll et estimation personnelle. */
:root{--task-display:clamp(2.6rem,7vw,6rem);--section-title:clamp(2rem,4vw,3.5rem);--task-text:clamp(1rem,1.8vw,1.5rem);--counter-text:clamp(3rem,7vw,6rem);--section-inset:clamp(1.5rem,4vw,3rem)}
#start{scroll-margin-top:24px}.task-section{background:var(--ink);color:var(--paper);margin-bottom:var(--space);border-radius:28px;overflow:hidden;scroll-margin-top:20px}
.task-list-panel{padding:var(--section-inset);background:#edf0e6;color:var(--ink)}.task-list-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.task-list-heading h2{font-size:var(--section-title);margin:0;max-width:18ch}.task-list-heading p{font-size:16px;color:var(--muted);margin:0}.task-list{list-style:none;margin:0;padding:0}.task-list li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 0;border-top:1px solid #cdd3c5}.task-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--lime)}.task-icon svg{width:22px;height:22px}.task-name{font-size:var(--task-text);font-weight:600;letter-spacing:-.02em}.task-category{font-size:13px;color:var(--muted)}
.time-estimate{padding:var(--section-inset);padding-bottom:64px;text-align:center;border-top:1px solid #52604a}.time-estimate>p{margin-left:auto;margin-right:auto;color:#c8d0c2}.time-control{max-width:600px;margin:36px auto}.time-control label{font-size:16px;font-weight:400}.time-control output{display:block;color:var(--lime);font-size:28px;font-weight:600;margin:14px 0 8px}.time-control input[type=range]{padding:0;background:transparent;accent-color:var(--lime);height:44px;border:0;cursor:pointer}.range-ends{display:flex;justify-content:space-between;color:#c8d0c2;font-size:13px}.time-results{display:grid;grid-template-columns:1fr 1fr;max-width:660px;margin:0 auto 30px}.time-results p{margin:0;display:flex;flex-direction:column;gap:8px}.time-results p+p{border-left:1px solid #52604a}.time-results strong{color:var(--lime);font-size:var(--counter-text);font-weight:500;letter-spacing:-.04em;line-height:1.1;font-variant-numeric:tabular-nums}.hours-unit{font-size:.5em}.time-results p>span{color:#e0e6d8}.estimate-note{font-size:13px;max-width:62ch}.time-estimate .button{margin-top:12px}.time-estimate .button svg{flex-shrink:0}

@media(max-width:760px){.time-estimate .button{font-size:14px;width:100%;padding:14px 16px}.time-results{gap:10px}.time-estimate h2 br{display:none}}
@media(max-width:760px){.task-list-heading{display:block}.task-list-heading p{margin-top:20px}.task-list li{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:19px 0}.task-icon{width:34px;height:34px;border-radius:10px}.task-icon svg{width:19px;height:19px}.task-category{display:none}.task-section{margin-inline:-6px}.task-name{font-size:17px}}

/* Raffinement commun au site et au parcours diagnostic. */
:root{--paper:#f8f8f2;--ink:#22281f;--muted:#62665c;--lime:#d3fa72;--line:#dfe2d6;--title:clamp(2.65rem,5.2vw,4.7rem);--heading:clamp(1.8rem,3vw,2.6rem);--section-title:clamp(2rem,3.3vw,3.2rem);--space:clamp(2.5rem,5vw,4.5rem);--section-inset:clamp(1.5rem,4vw,3.5rem);--task-text:clamp(1.05rem,1.6vw,1.3rem);--radius:30px;--elevation:0 22px 65px -30px #28301f26}
body{line-height:1.6}.wrap{max-width:1320px;padding-inline:clamp(20px,4vw,64px)}.demo{background:#eff1e8;color:#616658;font-size:11px;letter-spacing:.01em;padding:8px 20px}.logo{font-size:44px;letter-spacing:-.04em}.dot{width:8px;height:8px;margin-left:4px}header{padding:26px 0 20px}.nav-pill{display:flex;align-items:center;gap:4px;background:#fff;padding:6px;border-radius:40px;box-shadow:0 4px 20px -12px #27302038}.nav-pill a{font-size:13px;text-decoration:none;padding:10px 18px;border-radius:28px;min-height:44px;display:flex;align-items:center;gap:18px}.nav-pill a:last-child{background:var(--ink);color:var(--paper)}.nav-pill a:first-child:hover{background:#eff2e7}.nav-pill a:last-child:hover{background:#3e4935}.back{border:1px solid var(--line);border-radius:30px;padding:10px 20px;min-height:44px}.hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(32px,6vw,84px);padding:var(--space) 0 calc(var(--space) + 20px)}h1{font-weight:500;line-height:1.06;letter-spacing:-.04em;margin-bottom:28px}.hero h1{max-width:13ch}.hero h1 span{color:#707c61}.lead{max-width:35ch;font-size:18px;line-height:1.6}.card{padding:clamp(26px,3.5vw,44px);border-radius:var(--radius);box-shadow:var(--elevation)}.hero .card h2{font-size:var(--heading);font-weight:500;max-width:14ch;letter-spacing:-.035em}.hero .card>.muted{max-width:29ch;margin-bottom:26px}.form-symbol{height:54px;width:54px;background:#edf5df;color:#374c22;border-radius:50%;display:grid;place-items:center;margin-bottom:26px}.form-symbol svg{height:24px;width:24px}.button{min-height:56px;font-size:15px;font-weight:600;gap:16px;padding:15px 22px;transition:background .18s,transform .18s}.button svg{transition:transform .2s}.button:hover svg{transform:translate(2px,-2px)}input:not([type=range]){border-radius:16px;background:#fcfcf8;padding:15px 18px;border-color:#d9ddcf;min-height:56px;transition:border-color .18s,background .18s}input:not([type=range]):focus{background:#fff;border-color:#698547;box-shadow:0 0 0 3px #d3fa7233}.field label{font-size:13px;margin-bottom:9px}.note{font-size:12px;line-height:1.6}.hero .note{text-align:center}.field{margin:22px 0}.task-section{background:transparent;border-radius:0;overflow:visible;margin-bottom:var(--space)}.task-list-panel{background:#edf0e5;border-radius:var(--radius);padding:var(--section-inset);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,72px);align-items:start}.task-list-heading{display:block;margin:0;padding-top:12px}.task-list-heading h2{font-weight:500;letter-spacing:-.035em;max-width:12ch;line-height:1.13}.task-list-heading p{margin-top:24px;max-width:26ch;font-size:15px}.task-list li{grid-template-columns:40px minmax(0,1fr);gap:16px;padding:20px 0;border-color:#d5dacb}.task-list li:first-child{border-top:0;padding-top:8px}.task-list li:last-child{padding-bottom:8px}.task-icon{background:transparent;width:36px;height:36px;border:1px solid #bcc6ac;border-radius:50%;color:#4a5c35}.task-icon svg{width:18px;height:18px}.task-category{display:none}.task-name{font-size:var(--task-text);font-weight:500;line-height:1.45}.time-estimate{background:var(--ink);color:var(--paper);border:0;border-radius:var(--radius);padding:var(--section-inset);margin-top:22px}.time-estimate h2{font-size:var(--section-title);font-weight:500;line-height:1.15;max-width:22ch;margin:0 auto 20px}.time-estimate>p{font-size:15px}.time-control{max-width:520px;margin:32px auto 36px}.time-control label{font-size:14px;color:#d7ddce}.time-control output{font-size:24px;margin:10px 0 0}.time-control input[type=range]{accent-color:var(--lime);width:100%}.time-results{max-width:540px;margin-bottom:28px}.time-results strong{font-weight:400}.time-results p>span{font-size:14px}.time-estimate .estimate-note{font-size:12px;max-width:64ch;color:#bcc6b1;margin-bottom:16px}.time-estimate .button{margin:10px 0 8px}.analysis{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,7vw,96px);padding:var(--space) 0}.analysis>div:first-child{padding-top:16px}.mobile-title{font-size:var(--section-title);max-width:14ch;font-weight:500}.domain{background:#e9eedf;border:1px solid #d8e0cd;padding:7px 14px;font-size:12px}.intro{font-size:15px;max-width:42ch}.steps{margin:30px 0}.steps li{border-bottom:1px solid var(--line);padding:20px 0;gap:16px}.steps li:last-child{border:0}.marker{width:32px;height:32px;flex-basis:32px}.step-label{font-size:15px;font-weight:500}.step-info{font-size:12px;font-weight:400;margin-top:3px}.fact{font-size:12px;line-height:1.8;border:0;padding:0;max-width:48ch}.form-top{font-size:11px;margin-bottom:26px}.analysis h2{font-weight:500;max-width:12ch}.analysis .card .muted{font-size:15px}.analysis #task-help{margin:-3px 0 10px;font-size:12px}.confirmation .check{margin-bottom:28px}.confirmation p{font-size:15px}.confirmation .small{font-size:12px}.confirmation #restart{display:inline-block;margin-top:20px}footer{padding:26px 0 36px;font-size:11px;color:#73796a}
@media(max-width:1000px){.task-list-panel{grid-template-columns:1fr;gap:28px}.task-list-heading{display:flex;align-items:end;gap:28px}.task-list-heading h2{max-width:15ch}.task-list-heading p{margin:0}.task-list li{grid-template-columns:40px minmax(0,1fr) auto}.task-category{display:block}}
@media(max-width:760px){header{padding:22px 0}.logo{font-size:37px}.nav-pill{padding:4px;gap:0}.nav-pill a{font-size:11px;padding:8px 12px;gap:8px}.nav-pill a:first-child{display:none}.hero{grid-template-columns:1fr;gap:32px;padding:30px 0 52px}.hero h1{max-width:13ch;margin-bottom:24px}.lead{font-size:16px;max-width:32ch;margin-bottom:0}.hero .card h2{max-width:16ch}.form-symbol{width:44px;height:44px;margin-bottom:22px}.form-symbol svg{width:20px;height:20px}.card{padding:26px}.hero .card>.muted{font-size:15px;margin-bottom:20px}.task-section{margin-inline:0}.task-list-panel{padding:26px 22px;gap:28px}.task-list-heading{display:block;padding:0}.task-list-heading h2{max-width:13ch}.task-list-heading p{margin-top:18px;font-size:14px}.task-list li{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:19px 0}.task-icon{width:30px;height:30px}.task-icon svg{width:16px;height:16px}.task-name{font-size:16px}.task-category{display:none}.time-estimate{margin-top:16px;padding:32px 24px}.time-estimate h2{font-size:var(--heading)}.time-estimate>p{font-size:14px}.time-control{margin:28px auto}.time-control label{font-size:13px}.time-estimate .button{font-size:13px;padding-inline:12px;gap:10px}.time-results{gap:12px}.time-results p>span{font-size:12px}.analysis{grid-template-columns:1fr;gap:24px;padding:24px 0 48px}.analysis>div:first-child{padding-top:0}.analysis .intro{font-size:14px}.analysis .steps{margin:18px 0}.analysis .steps li{padding:12px 0}.analysis .step-label{font-size:14px}.analysis .step-info{display:none}.form-top{font-size:12px;gap:12px}.analysis .card{padding:26px}.back{font-size:12px;padding:9px 16px}.demo{font-size:12px;line-height:1.5}footer{gap:8px}}
@media(prefers-reduced-motion:reduce){.button svg{transition:none}}

/* Retour au contraste et au lime vif demandés. */
:root{--lime:#cafa58;--paper:#f7f8f2;--ink:#20271f}
.hero h1{font-weight:600}.hero h1 span{color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:.12em;text-underline-offset:.09em}.hero .card h2{font-weight:600}.nav-pill a:last-child{background:var(--lime);color:var(--ink)}.nav-pill a:last-child:hover,.button:hover{background:#b9ec40}.task-list-panel{background:var(--lime)}.task-list-heading h2{font-weight:600}.task-list-heading p{color:#394b26}.task-list li{border-color:#a8cc55}.task-icon{background:var(--ink);border:0;color:var(--lime)}.task-name{font-weight:600}.time-estimate{background:var(--ink)}.time-estimate h2{font-weight:600}.time-results strong{font-weight:500}.button{font-weight:700}.hero .card{padding-top:36px}.hero .card h2{max-width:16ch}input:not([type=range]){border-radius:28px;background:#fff}.analysis h2{font-weight:600}
@media(max-width:760px){.hero .card{padding-top:28px}}

/* CTA partagé : variante compacte dans la navigation. */
.nav-pill .button-compact{min-height:44px;padding:10px 16px;font-size:13px;font-weight:700;gap:10px;justify-content:center}.nav-pill .button-compact svg{width:18px;height:18px;flex-shrink:0}
@media(max-width:760px){.nav-pill .button-compact{font-size:12px;padding:10px 14px;gap:8px}}

/* Cas clients : parcours réels et détails accessibles. */
.cases{padding:var(--space) 0;scroll-margin-top:24px}.cases-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:40px}.cases-heading h2{font-size:var(--section-title);font-weight:600;max-width:22ch;margin:0}.cases-heading>p{font-size:15px;color:var(--muted);margin:0;max-width:31ch}.client-case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);background:#fff;border-radius:var(--radius);overflow:hidden;margin-top:24px}.case-visual{background:var(--ink);color:var(--paper);padding:var(--section-inset)}.client-name{font-size:var(--heading);font-weight:700;letter-spacing:-.04em;line-height:1.2}.client-context{font-size:12px;color:#c2ccb7;margin:10px 0 32px}.case-flow{list-style:none;margin:0;padding:0}.case-flow li{position:relative;border-top:1px solid #506046;padding:18px 0 18px 26px}.case-flow li:before{content:'';position:absolute;left:0;top:27px;width:7px;height:7px;border-radius:50%;background:var(--lime)}.case-flow li span{display:block;font-size:16px;font-weight:600}.case-flow small{display:block;font-size:12px;color:#c2ccb7;margin-top:4px}.case-safeguard{font-size:14px;line-height:1.7;color:#d1ddbF;margin:24px 0 0;padding-top:18px;border-top:1px solid #506046}.case-content{padding:var(--section-inset)}.case-content h3{font-size:var(--heading);font-weight:600;line-height:1.16;margin-bottom:28px}.case-comparison{margin:0}.case-comparison>div{margin-bottom:22px}.case-comparison dt{font-size:12px;font-weight:700;margin-bottom:6px;color:#546942}.case-comparison dd{font-size:15px;line-height:1.75;color:var(--muted);margin:0}.client-case details{border-top:1px solid var(--line);margin-top:28px}.client-case summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:16px 0;font-size:14px;font-weight:600;cursor:pointer}.client-case summary::-webkit-details-marker{display:none}.case-detail{padding-bottom:4px}.case-detail p{font-size:14px;color:var(--muted);line-height:1.75}.case-fraich .case-visual{background:var(--lime);color:var(--ink)}.case-fraich .client-context,.case-fraich .case-flow small,.case-fraich .case-safeguard{color:#3c4b2c}.case-fraich .case-flow li,.case-fraich .case-safeguard{border-color:#a6c951}.case-fraich .case-flow li:before{background:var(--ink)}.cases-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px}.cases-bottom p{font-size:18px;margin:0}
@media(max-width:760px){.cases{padding-top:24px}.cases-heading{display:block;margin-bottom:26px}.cases-heading>p{margin-top:18px;font-size:14px}.cases-heading br{display:none}.client-case{grid-template-columns:1fr}.case-visual,.case-content{padding:28px 24px}.case-content h3 br{display:none}.case-content h3{font-size:var(--heading)}.case-flow li span{font-size:15px}.case-comparison dd{font-size:14px}.cases-bottom{flex-direction:column;align-items:stretch}.cases-bottom p{font-size:16px}.cases-bottom .button{font-size:14px}}

.case-tools{margin-top:28px}.case-tools>p{font-size:12px;color:#c2ccb7;margin:0 0 12px}.case-tools ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:360px}.case-tools li{min-width:0}.case-tools a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:64px;padding:14px 16px;background:#fff;border-radius:12px;text-decoration:none;color:#171717;transition:background .18s}.case-tools a:hover{background:#f0f2eb}.tool-logo{display:block;max-width:100%;width:120px;height:30px;object-fit:contain}.tool-n8n{width:87px;height:24px}.tool-notion{width:28px;height:30px}.case-tools a span{font-size:17px;font-weight:600}.case-fraich .case-tools>p{color:#3c4b2c}

.tool-make{width:30px;height:30px}
.tool-youtrust{width:26px;height:30px}

.intro-video{padding:0 0 var(--space)}.video-heading{margin-bottom:clamp(20px,2.6vw,34px)}.video-heading h2{font-size:var(--section-title);font-weight:600;margin:0;max-width:20ch}.video-heading p{font-size:17px;color:var(--muted)}.video-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr);--video-pad:clamp(14px,2vw,26px)}.video-frame{grid-area:1/1;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:var(--ink);box-shadow:var(--elevation)}.video-media{display:block;width:100%;height:100%;object-fit:cover;background:var(--ink)}.video-controls{grid-area:1/1;align-self:end;position:sticky;bottom:0;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:var(--video-pad);pointer-events:none}.video-controls>*{pointer-events:auto}.video-sound{display:inline-flex;align-items:center;gap:16px;min-height:72px;padding:8px 30px 8px 8px;border:0;border-radius:40px;background:#121411;color:var(--paper);font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.2;text-align:left;box-shadow:0 0 0 1.5px #f7f8f238,0 18px 40px -18px #000c;transition:background .18s,transform .18s}.video-sound:hover{background:#000}.video-sound:active{transform:scale(.985)}.video-sound-icon{position:relative;display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;border-radius:50%;background:var(--lime);color:var(--ink)}.video-sound-icon svg{width:26px;height:26px;transform:translateX(1px)}.video-sound-icon::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 #cafa5899;animation:video-ring 1.6s ease-out 2 .6s}.video-pause{display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#121411d9;color:var(--paper);box-shadow:0 0 0 1.5px #f7f8f238;transition:background .18s}.video-pause:hover{background:#000}.video-pause svg{width:20px;height:20px}.video-pause .icon-play{display:none;transform:translateX(1px)}.video-stage.is-held .video-pause .icon-pause{display:none}.video-stage.is-held .video-pause .icon-play{display:block}.video-stage.is-sound .video-controls{display:none}.video-summary{margin-top:14px;border-bottom:1px solid var(--line)}.video-summary summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:12px 0;font-size:14px;font-weight:600;cursor:pointer}.video-summary summary::-webkit-details-marker{display:none}.video-summary summary svg{flex:0 0 32px;width:32px;height:32px;padding:7px;border-radius:50%;transition:transform .2s ease-out,background-color .2s}.video-summary summary:hover svg{background:#eff2e7}.video-summary[open] summary svg{transform:rotate(45deg);background:var(--lime)}.video-summary-text{padding:4px 0 22px}.video-summary-text p{font-size:15px;line-height:1.75;color:var(--muted);max-width:75ch;margin:0 0 12px}.video-summary-text p:last-child{margin:0}@media(min-width:761px) and (hover:hover) and (pointer:fine){.video-sound:focus-visible,.video-pause:focus-visible{outline:3px solid var(--lime);outline-offset:3px}}@keyframes video-ring{to{box-shadow:0 0 0 16px #cafa5800}}@media(prefers-reduced-motion:reduce){.video-sound-icon::after{animation:none}}
@media(max-width:760px){.video-heading p{font-size:16px}.video-frame{border-radius:22px}.video-controls{grid-area:2/1;position:static;padding:12px 0 0;align-items:stretch}.video-stage.is-sound .video-controls{display:flex;visibility:hidden}.video-sound{flex:1;min-height:60px;font-size:16px;justify-content:flex-start;background:var(--ink);box-shadow:none}.video-sound-icon{flex-basis:44px;width:44px;height:44px}.video-pause{width:60px;height:60px;background:var(--ink);box-shadow:none;flex:none}.video-summary-text p{font-size:16px}}

/* Offres : promesse, exemples éditoriaux et accompagnement distinct. */
:root{--offer-promise:clamp(1.7rem,2.3vw,2.2rem);--offer-model:clamp(1.8rem,2.6vw,2.6rem)}
.offers{padding:var(--space) 0;scroll-margin-top:24px}.offers-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:36px}.offers-heading h2{font-size:var(--section-title);font-weight:600;line-height:1.15;margin:0;max-width:23ch}.offers-heading>p{max-width:34ch;color:var(--muted);font-size:15px;margin:0}.offers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.offer-card{min-width:0;border-radius:var(--radius);overflow:hidden;padding:34px 30px 0;display:flex;flex-direction:column;background:#fff}.offer-card h3{font-size:16px;margin:0 0 30px;font-weight:700;letter-spacing:0}.offer-promise{font-size:var(--offer-promise);font-weight:600;letter-spacing:-.04em;line-height:1.15;margin:0 0 22px;min-height:4.6em;text-wrap:balance}.offer-description{color:var(--muted);font-size:15px;margin:0;line-height:1.7}.offer-automation{background:var(--lime)}.offer-agents{background:var(--ink);color:var(--paper)}.offer-agents h3{color:var(--lime)}.offers-bottom{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:32px}.offers-bottom p{font-size:18px;font-weight:600;margin:0}.offers-bottom p span{display:block;font-size:14px;font-weight:400;color:var(--muted);margin-top:6px}.offers-bottom .button{flex-shrink:0}
@media(max-width:1000px){.offers-grid{gap:14px}.offer-card{padding:28px 22px 0}}
@media(max-width:760px){.offers-heading{display:block}.offers-heading>p{margin-top:18px;font-size:14px}.offers-grid{grid-template-columns:1fr;gap:22px}.offer-card{padding:30px 26px 0}.offer-card h3{margin-bottom:24px}.offer-promise{min-height:0;max-width:19ch}.offers-bottom{flex-direction:column;align-items:stretch}.offers-bottom p{font-size:16px}.offers-bottom .button{font-size:14px}}


.offer-description{padding-bottom:32px}.offer-automation .offer-description{color:#344525}.offer-agents .offer-description{color:#d1ddbf}
.offer-usecases{margin:auto -30px 0;padding:26px 30px 30px;background:#e9eddf}.offer-usecases>p{font-size:12px;font-weight:600;margin:0 0 16px;color:var(--muted)}.offer-usecases ul{display:flex;flex-wrap:wrap;gap:14px 20px;list-style:none;margin:0;padding:0}.offer-usecases li{display:flex;align-items:center;gap:10px;min-width:0;font-size:14px;line-height:1.5}.offer-usecases svg{width:18px;height:18px;flex:0 0 18px;opacity:.8}.offer-automation .offer-usecases{background:#b9e94c}.offer-automation .offer-usecases>p{color:#344525}.offer-agents .offer-usecases{background:#303b29;color:#eef3e7}.offer-agents .offer-usecases>p{color:#d1ddbf}.offer-agents .offer-usecases svg{color:var(--lime)}
@media(max-width:1000px){.offer-usecases{margin-inline:-22px;padding:24px 22px}}
@media(max-width:760px){.offer-usecases{margin-inline:-26px;padding:24px 26px 28px}.offer-description{padding-bottom:28px}}
/* Méthode : un parcours ouvert pour rythmer la suite des offres. */
:root{--method-title:clamp(1.5rem,2.1vw,2rem);--method-gap:clamp(2.5rem,5vw,4.5rem)}
.method{padding:var(--space) 0;scroll-margin-top:28px}.method-intro{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:var(--method-gap)}.method-intro h2{font-size:var(--section-title);font-weight:600;line-height:1.12;letter-spacing:-.04em;margin:0}.method-intro>p{font-size:15px;max-width:34ch;color:var(--muted);margin:0}.method-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:0;padding:0}.method-steps li{position:relative;min-width:0}.method-steps li:not(:last-child):before{content:"";position:absolute;top:25px;left:68px;width:calc(100% - 52px);height:1px;background:#cbd2c0}.method-number{display:grid;place-items:center;width:52px;height:52px;background:var(--lime);color:var(--ink);border-radius:50%;font-size:20px;font-weight:600;margin-bottom:28px}.method-steps h3{font-size:var(--method-title);line-height:1.18;letter-spacing:-.035em;font-weight:600;margin:0 0 18px;min-height:3.54em}.method-steps p{font-size:15px;color:var(--muted);line-height:1.75;margin:0;max-width:32ch}.method-bottom{margin-top:var(--method-gap);display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px 0}.method-bottom p{font-size:15px;color:var(--muted);margin:0}.method-bottom strong{display:block;color:var(--ink);font-size:19px;max-width:40ch;font-weight:600}.method-bottom .button{flex-shrink:0}
@media(max-width:1000px){.method-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 32px}.method-steps li:nth-child(2):before{display:none}.method-steps h3{min-height:0}}
@media(max-width:760px){.method-intro{display:block}.method-intro>p{margin-top:20px}.method-steps{display:block}.method-steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px;padding-bottom:38px}.method-number{width:44px;height:44px;font-size:18px;margin:0}.method-steps li:not(:last-child):before,.method-steps li:nth-child(2):before{display:block;top:56px;bottom:12px;left:21px;width:1px;height:auto}.method-steps li:last-child{padding-bottom:0}.method-steps h3{margin-bottom:14px}.method-steps p{font-size:15px}.method-bottom{flex-direction:column;align-items:stretch;padding:0}.method-bottom strong{font-size:18px}.method-bottom .button{font-size:14px}}

/* Progression liée au défilement, puis check pour chaque étape. */
.method-number{position:relative;isolation:isolate;background:var(--lime);color:var(--ink)}.method-ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transform:rotate(-90deg)}.method-ring circle{stroke:#111;stroke-width:1;stroke-dasharray:100;stroke-dashoffset:0}.method-digit{position:absolute;opacity:0}.method-check{width:23px;height:23px;opacity:1;transition:opacity .2s ease-out}.method-motion .method-number:not(.is-complete){background:#e9eddf}.method-motion .method-number:not(.is-complete) .method-digit{opacity:1}.method-motion .method-number:not(.is-complete) .method-check{opacity:0}.method-motion .method-number:not(.is-complete) .method-ring circle{stroke-dashoffset:100}.method-motion .method-number.is-complete{background:var(--lime);transition:background .25s ease-out}.method-motion .method-number.is-complete .method-ring circle{stroke-dashoffset:0}

@media(prefers-reduced-motion:reduce){.method-motion .method-number:not(.is-complete){background:var(--lime)}.method-motion .method-number:not(.is-complete) .method-digit{opacity:0}.method-motion .method-number:not(.is-complete) .method-check{opacity:1}.method-motion .method-number:not(.is-complete) .method-ring circle{stroke-dashoffset:0}.method-check,.method-motion .method-number.is-complete{transition:none}}

/* Mot du dirigeant : portrait réel, noir et blanc et texte sur fondu. */
:root{--founder-title:clamp(2.2rem,4.8vw,4.3rem);--founder-copy:clamp(1rem,1.4vw,1.2rem);--founder-inset:clamp(1.75rem,5vw,4rem)}
.founder-section{padding:var(--space) 0;scroll-margin-top:24px}.founder-card{position:relative;isolation:isolate;overflow:hidden;min-height:660px;border-radius:var(--radius);background:#121411;color:#fff}.founder-portrait{position:absolute;inset:0 0 0 auto;width:65%;height:100%;object-fit:cover;object-position:center 32%;filter:grayscale(1);display:block}.founder-shade{position:absolute;inset:0;background:linear-gradient(90deg,#121411 9%,rgba(18,20,17,.96) 29%,rgba(18,20,17,.77) 43%,rgba(18,20,17,.1) 74%),linear-gradient(0deg,rgba(18,20,17,.65),transparent 40%);pointer-events:none}.founder-content{position:relative;z-index:1;min-height:660px;padding:var(--founder-inset);display:flex;flex-direction:column;align-items:flex-start;max-width:62%}.founder-content h2{font-size:var(--founder-title);font-weight:600;letter-spacing:-.04em;line-height:1.04;margin:0 0 44px;text-wrap:balance}.founder-message{max-width:36ch}.founder-message p{font-size:var(--founder-copy);line-height:1.65;margin:0 0 20px;color:#eceee8}.founder-signature{margin-top:auto;padding-top:22px}.founder-signature p{font-size:20px;font-weight:600;color:var(--lime);margin:0 0 3px;letter-spacing:-.02em}.founder-signature span{font-size:13px;color:#ced3c7}
@media(max-width:760px){.founder-card{min-height:780px;border-radius:28px}.founder-portrait{inset:60px 0 auto;width:100%;height:470px;object-position:center 28%;mask-image:linear-gradient(to bottom,transparent,#000 17%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 17%)}.founder-shade{background:linear-gradient(180deg,#121411 0px,rgba(18,20,17,.35) 100px,transparent 195px,rgba(18,20,17,.05) 300px,#121411 505px)}.founder-content{min-height:780px;max-width:none;padding:28px}.founder-content h2{margin:0;font-size:var(--founder-title)}.founder-message{padding-top:305px;max-width:none}.founder-message p{font-size:16px;line-height:1.65;margin-bottom:16px}.founder-signature{padding-top:10px}.founder-signature p{font-size:19px}}
