@font-face{font-family:Lato;src:url('assets/lato-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Lato;src:url('assets/lato-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--green:#274E13;--pale:#D9EAD3;--blue:#134F5C;--white:#FFFFFF;--ink:#000000;--line:#c6d5bf;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--white);color:var(--ink);font-family:Lato,Arial,sans-serif;font-size:1rem;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:5px}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--green);font-weight:700;line-height:1.17}h1{font-size:clamp(2.4rem,3.45vw,3.45rem);letter-spacing:-.045em;margin-bottom:28px}h1 span,h2 span{color:var(--blue)}h2{font-size:clamp(2rem,3vw,2.8rem);letter-spacing:-.035em;margin-bottom:28px}h3{font-size:1.65rem;letter-spacing:-.02em}p{margin-bottom:20px}.container{max-width:var(--max);width:calc(100% - 96px);margin-inline:auto}.section{padding-block:100px}.section-light{background:var(--pale)}.eyebrow{font-size:.875rem;font-weight:700;letter-spacing:.09em;color:var(--blue);margin-bottom:25px}.site-header{background:var(--white);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:104px}.brand{flex:0 0 80px}.brand img{width:80px;height:80px;object-fit:contain}nav{display:flex;align-items:center;gap:25px}nav a{text-decoration:none;font-size:.9rem;font-weight:700}nav a:not(.button):hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--green);color:white;border:1px solid var(--green);border-radius:4px;padding:14px 21px;line-height:1.4;font-weight:700;text-decoration:none;cursor:pointer;min-height:48px}.button:hover{background:var(--blue);border-color:var(--blue)}.button-small{font-size:.875rem;padding:12px 17px}.button-outline{background:transparent;color:var(--green)}.button-outline:hover{color:white}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:700;text-decoration:none;background:var(--pale);border:1px solid var(--line);border-radius:4px;padding:9px 13px;min-height:42px}.text-link:hover{background:var(--blue);border-color:var(--blue);color:white}.text-link span{margin-left:4px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);align-items:center;gap:64px;padding-block:72px 85px}.hero-intro{font-size:1.12rem;line-height:1.65;max-width:650px}.hero-detail{font-size:1rem;max-width:610px}.hero-visual{border:1px solid var(--line);border-radius:4px;padding:25px;background:white;position:relative;box-shadow:15px 15px 0 var(--pale)}.visual-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.75rem;letter-spacing:.1em;color:var(--blue);font-weight:700;border-bottom:1px solid var(--line);padding-bottom:16px}.visual-heading>span:last-child{font-size:1.5rem}.hero-photo{width:100%;height:auto;margin:20px 0;border-radius:16px}.visual-process{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.visual-process li{display:flex;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);font-weight:700;color:var(--green)}.visual-process li span{color:var(--blue);font-size:.875rem;align-self:center}.visual-caption{font-size:.875rem;margin:18px 0 0;color:var(--blue)}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px}.prose p:last-child{margin-bottom:0}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:46px}.offer{border-top:2px solid var(--green);padding-top:24px;display:flex;flex-direction:column}.offer h3{min-height:64px}.offer p{flex:1}.offer .text-link{margin-top:12px;font-size:.9375rem}.footer{padding-block:34px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;font-size:.875rem}.footer p{margin:0}.footer-brand{font-size:1.5rem;font-weight:700;text-decoration:none;color:var(--green);letter-spacing:.05em}.footer-brand span{font-size:.875rem;letter-spacing:0}.skip-link{position:fixed;left:18px;top:-100px;z-index:100;padding:12px;background:var(--green);color:white}.skip-link:focus{top:12px}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.menu-toggle{display:none}
@media(min-width:1600px){.hero{padding-block:90px 105px}}
@media(max-width:1080px){nav{gap:16px}.header-inner{gap:18px}nav .button{font-size:.8rem}.hero{gap:36px;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)}.container{width:calc(100% - 64px)}.split{gap:45px}h1{font-size:2.6rem}}
@media(max-width:900px){.menu-toggle:not([hidden]){display:flex;align-items:center;gap:14px;border:1px solid var(--green);color:var(--green);background:white;padding:9px 15px;border-radius:4px;min-height:44px}.header-inner{flex-wrap:wrap;padding-block:10px;min-height:90px}.brand{flex-basis:68px}.brand img{width:68px;height:68px}nav{width:100%;flex-wrap:wrap;padding-bottom:16px}body.js-ready nav{display:none}body.js-ready nav.is-open{display:flex}.hero{grid-template-columns:1fr;gap:40px}.hero-copy{max-width:750px}h1{font-size:clamp(2.3rem,5.5vw,3.5rem)}.hero-visual{max-width:640px;width:100%;justify-self:center}.offer-grid{gap:22px}.offer h3{font-size:1.45rem}.section{padding-block:72px}.split{grid-template-columns:1fr;gap:16px}}
@media(max-width:600px){.container{width:calc(100% - 40px)}.hero{padding-block:44px 62px}.eyebrow{font-size:.8rem;letter-spacing:.06em}.hero-intro{font-size:1rem}.actions{align-items:stretch;gap:20px}.actions .button{width:100%}.hero-visual{display:block;padding:20px;box-shadow:8px 8px 0 var(--pale)}.visual-caption{margin-top:18px}.offer-grid{grid-template-columns:1fr;gap:34px}.offer h3{min-height:0;font-size:1.65rem}.section{padding-block:58px}.footer{align-items:flex-start;flex-direction:column;gap:12px}nav.is-open{flex-direction:column;align-items:stretch}nav a{padding:8px 0}nav .button{padding:12px}h1{font-size:clamp(2rem,7.7vw,2.8rem)}}
.method{background:var(--green);color:white}.method h2,.method h3{color:white}.method .eyebrow{color:var(--pale)}.method-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:48px 0 0;padding:0}.method-steps li{border-top:1px solid var(--pale);padding-top:18px}.method-steps h3{font-size:1.55rem}.method blockquote{margin:32px 0 0;padding:28px 32px;background:var(--pale);color:var(--green);border-radius:4px;font-size:clamp(1.25rem,2vw,1.8rem);font-weight:700;line-height:1.45}.responsible{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:40px;margin-top:48px;color:white}.responsible h3{color:white;font-size:1.55rem;margin:0 0 12px}.responsible p:last-child{margin:0;align-self:center}.use-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;margin-top:45px}.use-case{padding:30px 0;border-top:1px solid var(--line)}.use-case p{margin:0}.case-category{display:block;color:var(--blue);font-size:.8rem;letter-spacing:.08em;font-weight:700;margin-bottom:15px}.use-case h3{font-size:1.5rem;margin-bottom:15px}.assistant-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:85px;align-items:center}.coming-soon{font-size:.875rem;color:var(--blue);font-weight:700;margin-bottom:12px}.assistant-preview{background:white;border:1px solid var(--green);border-radius:6px;padding:28px}.assistant-top{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--green);padding-bottom:20px;border-bottom:1px solid var(--line)}.assistant-top>span{font-size:.8rem;border:1px solid var(--line);padding:2px 10px;border-radius:20px}.conversation-example{margin:28px 0 20px;padding:22px;background:var(--pale);border-radius:4px}.conversation-example>span{font-size:.8rem;color:var(--blue);font-weight:700}.conversation-example p{margin:8px 0 0}.assistant-note{font-size:.9375rem}.button:disabled{cursor:not-allowed;background:var(--pale);color:var(--green);border-color:var(--line);width:100%}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:45px}.values-grid article{border-top:2px solid var(--green);padding-top:22px}.values-grid h3{font-size:1.15rem;line-height:1.35}.values-grid p{font-size:.9375rem;margin-bottom:0}.final-cta{background:var(--green);color:white;text-align:center}.final-cta .container{max-width:800px}.final-cta h2{font-size:clamp(2.3rem,4vw,3.5rem);color:white}.final-cta .eyebrow{color:var(--pale)}.final-cta p:not(.eyebrow){font-size:1.12rem;max-width:620px;margin-inline:auto}.final-cta .actions{justify-content:center;gap:35px}.final-cta .button{background:white;color:var(--green);border-color:white}.final-cta .button:hover{background:var(--pale)}.assistant-cta{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;font-weight:700;text-decoration:none;border:1px solid var(--pale);border-radius:4px;padding:10px 14px}.assistant-cta:hover{background:var(--pale);color:var(--green)}.assistant-cta span{display:block;font-size:.8rem;font-weight:400;color:var(--pale);margin-top:2px}.assistant-cta:hover span{color:var(--green)}.final-cta :focus-visible,.method :focus-visible{outline-color:var(--pale)}
@media(max-width:900px){.assistant-layout{gap:35px}.values-grid{grid-template-columns:1fr 1fr}.method-steps{gap:24px}.method-steps h3{font-size:1.35rem}.responsible{grid-template-columns:1fr;gap:18px}.responsible h3{font-size:1.35rem}}
@media(max-width:600px){.method-steps,.use-grid,.assistant-layout,.values-grid{grid-template-columns:1fr}.method-steps{gap:24px}.method-steps p{margin-bottom:0}.method-steps h3{font-size:1.55rem}.responsible{margin-top:36px}.responsible h3{font-size:1.55rem}.use-grid{margin-top:30px}.assistant-preview{padding:22px}.values-grid{gap:25px}.final-cta .actions{gap:24px}.method blockquote{margin:28px 0 0;padding:24px}.assistant-layout{gap:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Pages d’information */
.footer-legal{display:flex;flex-wrap:wrap;gap:12px 28px;width:100%;border-top:1px solid var(--line);padding-top:20px;color:var(--blue)}.legal-page{max-width:860px;padding-block:60px 80px}.legal-page>h1{margin-top:32px;overflow-wrap:anywhere}.legal-page section{margin-top:36px}.legal-page h2{font-size:1.5rem;margin-bottom:16px}.legal-page p{max-width:75ch}.legal-page a{overflow-wrap:anywhere}.assistant-note a{color:var(--blue)}

/* Étapes compactes et logos des assistants IA */
.step-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px}.step-number{color:var(--pale);font-size:.9em;white-space:nowrap}.step-arrow{color:var(--pale);flex-shrink:0}.ai-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px;list-style:none;margin:24px 0 0;padding:0}.ai-logos li{display:flex;flex-direction:column;align-items:center;gap:7px;border:0;padding:0;text-align:center;font-size:.75rem;color:white;line-height:1.3}.ai-logo-image{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:white;border-radius:10px;overflow:hidden}.ai-logo-image img{width:48px;height:48px;object-fit:contain;border-radius:6px}@media(max-width:600px){.ai-logos{grid-template-columns:repeat(3,minmax(0,1fr));max-width:360px}.method-steps .step-heading{margin-bottom:14px}}
.method-picto{display:block;width:75%;height:84px;object-fit:contain;margin:24px auto 0}

.responsible-visual{position:relative;width:150px;margin:0;max-width:100%;border-radius:12px;overflow:hidden;color:var(--green)}.responsible-visual>img{display:block;width:150px;height:100px;object-fit:cover;object-position:78% center}.responsible-copy p{font-size:1rem;line-height:1.65;font-weight:400}.responsible-visual :focus-visible{outline-color:var(--blue)}@media(max-width:900px){.responsible{grid-template-columns:150px minmax(0,1fr);gap:28px}}@media(max-width:600px){.responsible{grid-template-columns:1fr;gap:24px}.responsible-visual{width:150px;justify-self:center}}

.responsible-metric{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:baseline;gap:6px;white-space:nowrap;background:rgba(255,255,255,.9);padding:5px 6px;border-radius:5px;line-height:1.15}.responsible-metric strong{font-size:1rem}.responsible-metric span{font-size:.52rem}.responsible-copy .responsible-source{font-size:.7rem;line-height:1.5;margin-top:14px;color:var(--pale)}.responsible-source a{color:inherit;text-underline-offset:3px}

/* Illustrations des trois offres : visuels complets, sans recadrage. */
.offer{min-width:0}
.offer-visual{width:100%;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;margin:0 0 24px;background:white}
.offer-visual img{width:100%;height:100%;object-fit:contain}
@media(min-width:601px) and (max-width:900px){.offer-grid{grid-template-columns:1fr;gap:40px}.offer h3{min-height:0}.offer-visual{max-width:600px;align-self:center}}

.visual-intro{color:var(--green);font-weight:700;line-height:1.4;margin:0 0 16px}
.header-assistant{text-align:center;max-width:310px}
@media(min-width:901px){.site-header nav{flex-wrap:wrap;justify-content:flex-end;row-gap:12px;padding-block:12px}}
@media(max-width:600px){.header-assistant{max-width:none}}
.footer-brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.footer-brand img{width:40px;height:40px;object-fit:contain;flex:0 0 40px}
.footer-brand span{font-size:1.15rem;line-height:1;letter-spacing:.05em}
.footer-brand b{font-size:.8em;font-weight:700;letter-spacing:0}

.challenges h2{font-size:clamp(1.65rem,2.3vw,2.15rem);line-height:1.22;margin-bottom:24px}
.challenges-photo,.section-photo{width:calc((min(var(--max),100vw - 96px) - 64px)/2.6 - 52px);max-width:100%;height:auto;border-radius:16px}
@media(max-width:1080px){.challenges-photo,.section-photo{width:max(198px,calc((100vw - 100px)/2.5 - 52px))}}
@media(max-width:900px){.challenges-photo,.section-photo{width:min(588px,calc(100vw - 116px))}}
@media(max-width:600px){.challenges-photo,.section-photo{width:calc(100vw - 82px)}}
.challenges .split{align-items:center}
@media(max-width:900px){.challenges .split{gap:28px}}

.use-heading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:48px}
.use-heading>div{flex:1;min-width:0}
.use-heading h2{margin-bottom:0}
.use-heading .section-photo{justify-self:start}
.case-label{display:flex;align-items:center;gap:14px;margin-bottom:15px}
.case-label .case-category{margin:0}
.case-icon{display:block;flex:0 0 64px;width:64px;height:72px;overflow:hidden}
@media(max-width:900px){.use-heading{display:flex;flex-direction:column;align-items:flex-start;gap:28px}.use-heading .section-photo{align-self:flex-start}}

.value-icon{display:block;width:64px;height:72px;overflow:hidden;margin-bottom:14px}

.value-heading{display:flex;align-items:center;gap:8px;margin-bottom:18px;min-height:48px}
.value-heading .value-icon{flex:0 0 40px;width:40px;height:48px;margin:0}
.value-heading h3{margin:0;font-size:1rem;line-height:1.3}
@media(min-width:901px) and (max-width:1200px){.values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.footer-brand-text{display:block;white-space:nowrap;font-size:1.15rem!important;line-height:1;letter-spacing:.05em!important}
.qr-section{padding:40px 0 48px;background:var(--white);border-top:1px solid var(--line);text-align:center}
.qr-section h2{font-size:clamp(1.5rem,2vw,1.9rem);margin-bottom:12px}
.qr-intro{margin:0 auto 28px;max-width:650px}
.qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:820px;margin-inline:auto}
.qr-card{display:flex;flex-direction:column;align-items:center;padding:24px 20px;background:white;border:1px solid var(--line);border-radius:12px;text-decoration:none;min-width:0}
.qr-card h3{font-size:1.2rem;margin-bottom:8px}
.qr-card p{font-size:.9375rem;margin-bottom:16px;flex:1}
.qr-card img{width:216px;height:auto;max-width:100%}
.qr-link{display:inline-flex;align-items:center;gap:12px;color:var(--blue);font-weight:700;margin-top:16px;text-decoration:underline;text-underline-offset:4px}
.qr-card:hover{border-color:var(--blue);box-shadow:0 3px 12px #134f5c14}
@media(max-width:600px){.qr-grid{grid-template-columns:1fr;max-width:390px}.qr-section{padding-block:32px}.qr-card{padding:22px 16px}}
