@font-face{font-family:Nunito Sans;src:url('assets/nunito-sans.woff2') format('woff2');font-weight:200 900;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/nunito.woff2') format('woff2');font-weight:200 900;font-display:swap}
:root{--blue:#087e87;--ink:#203d40;--muted:#506568;--cream:#fffaf2;--line:#d9e5e3;--green:#087e87;--amber:#ffb900}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#fff;color:var(--ink);font:17px/1.6 'Nunito Sans',sans-serif}a{color:inherit}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #c13d46;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Nunito,sans-serif;font-style:normal;font-weight:800}h2{font-size:43px;line-height:1.15;letter-spacing:-1.25px}h3{font-size:25px;line-height:1.2}p{color:var(--muted)}img{display:block;width:100%;height:auto}.wrap{width:min(1240px,calc(100% - 100px));margin:auto}.skip{position:absolute;top:-100px;left:20px;background:white;padding:15px;z-index:10}.skip:focus{top:10px}.header{background:var(--cream)}.nav{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:Nunito,sans-serif;font-weight:900;font-size:27px;letter-spacing:-.7px}.nav nav{display:flex;gap:32px;margin-left:auto}.nav nav a{text-decoration:none;font-weight:700;font-size:16px;padding:12px 0}.nav nav a:hover,.features a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:15px 25px;border-radius:7px;border:1px solid var(--blue);background:var(--blue);color:white;font-weight:800;font-size:17px;min-height:50px;cursor:pointer;transition:background .15s}.button:hover{background:#05636b}.button.small{font-size:15px;min-height:45px;padding:11px 19px}.hero{background:var(--cream);padding:48px 0 70px}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center}.eyebrow{font-size:15px;font-weight:800;color:var(--green);margin-bottom:21px}.hero h1{font-size:clamp(42px,4.05vw,60px);line-height:1.1;letter-spacing:-1.8px;font-weight:900}.hero h1 span{color:var(--blue)}.intro{font-size:19px;line-height:1.65;max-width:445px;margin:25px 0 28px}.hero-note{font-size:13px;margin-top:13px}.people{min-width:0}.photos{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:285px 210px;gap:8px;border-radius:100px 8px 8px 8px;overflow:hidden}.photos img{height:100%;object-fit:cover}.photo-main{grid-column:1/-1;object-position:center 41%}.photos img:last-child{object-position:44% center}.people figcaption{font-size:14px;text-align:right;padding-top:12px;color:var(--muted)}.audience{border-bottom:1px solid var(--line);padding:27px 0 29px;background:#fff}.audience .wrap{display:flex;align-items:center;gap:40px;justify-content:space-between}.audience p{font-size:14px;max-width:145px;line-height:1.5}.audience ul{display:flex;gap:34px;align-items:center;list-style:none;margin:0;padding:0;font-family:Nunito,sans-serif;font-size:18px;font-weight:800}.section{padding-top:95px;padding-bottom:95px}.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:90px}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:14px}.section-heading>p:last-child{align-self:center;max-width:420px;font-size:19px}.features{display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px;margin-top:58px}.features article{border-top:3px solid var(--blue);padding-top:26px}.features article:nth-child(2){border-color:var(--amber)}.features article:nth-child(3){border-color:var(--green)}.features p{margin:18px 0 20px;font-size:16px;line-height:1.7}.features a{display:inline-block;font-size:15px;font-weight:800;text-underline-offset:6px;min-height:44px}.demo-section{background:#edf8f7;padding:85px 0}.demo-grid{display:grid;grid-template-columns:1fr 1.13fr;gap:80px;align-items:center}.demo-copy h2{font-size:35px}.demo-copy>p:not(.eyebrow){margin-top:22px}.choices{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid #b7d9d7;margin-top:26px}.choices button{border:0;border-bottom:3px solid transparent;background:transparent;padding:14px 12px;color:var(--muted);font-size:15px;cursor:pointer;font-weight:700;min-height:48px}.choices button:first-child{padding-left:0;padding-right:16px}.choices button[aria-pressed=true]{border-color:var(--green);color:var(--green)}.demo-copy .demo-note{font-size:12px;line-height:1.65}.demo-window{background:white;border:1px solid #d9e1dd;border-radius:8px;box-shadow:0 12px 36px #243e2c0d;min-height:356px;overflow:hidden}.window-bar{background:#f3faf9;padding:15px 25px;border-bottom:1px solid #e5e6df;display:flex;justify-content:space-between;font-size:13px}.window-bar span{color:#62736b}.demo-panel{padding:27px}.demo-panel h3{font-size:26px;margin-bottom:4px}.demo-panel>p{font-size:14px}.demo-rows{margin-top:25px}.demo-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #e6e8e4}.demo-row small{display:block;font-size:13px;color:var(--muted);margin-top:2px}.demo-row strong{font-size:15px}.demo-row .amount{white-space:nowrap;font-weight:800}.demo-total{display:flex;justify-content:space-between;background:#fff2cc;padding:13px 15px;margin-top:15px;font-size:15px;gap:20px}.terrain{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.terrain-photo img{aspect-ratio:1.05;object-fit:cover;object-position:48% center;border-radius:8px 8px 85px 8px}.terrain-photo figcaption{font-size:13px;margin-top:16px;max-width:375px}.terrain-copy h2{font-size:42px}.terrain-copy p:not(.eyebrow){margin-top:22px;font-size:17px;line-height:1.75}.terrain-copy .terrain-last{font-weight:800;color:var(--green)}.together{background:#fff4d6;padding:65px 0}.together-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.together p:not(.eyebrow){margin-top:23px}.together img{aspect-ratio:1.4;object-fit:cover;border-radius:75px 8px 8px 8px}.questions{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.questions>div>p:not(.eyebrow){margin:22px 0 27px}.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{font-weight:800;cursor:pointer;min-height:70px;padding:22px 24px 22px 0;font-size:17px}details p{padding:0 0 22px;font-size:16px}.footer{display:flex;align-items:center;gap:40px;border-top:1px solid var(--line);padding-top:30px;padding-bottom:28px}.footer p{font-size:14px;margin-right:auto}.footer>a:last-child{font-size:14px;text-underline-offset:5px}.preview-note{font-size:11px;padding:0 0 22px;color:#66706a}.preview-note a{text-underline-offset:3px}dialog{border:1px solid var(--line);border-radius:12px;padding:34px;max-width:580px;width:calc(100% - 32px);color:var(--ink)}dialog::backdrop{background:#132b2580}dialog h2{font-size:30px;margin:30px 0 18px}dialog .close{float:right;background:transparent;border:0;cursor:pointer;text-decoration:underline;padding:8px}fieldset{border:0;padding:0;margin:24px 0}legend{font-weight:800;margin-bottom:10px}fieldset label{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:15px}input[type=checkbox]{width:20px;height:20px;accent-color:var(--blue);flex-shrink:0}#pilot-result{margin-top:20px;font-size:15px}#pilot-result li{margin:8px 0}
@media(min-width:1550px){.hero{padding-top:70px;padding-bottom:90px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.nav nav{gap:20px}.hero-grid{gap:30px}.hero h1{font-size:46px}.photos{grid-template-rows:250px 180px}.audience .wrap{display:block}.audience p{max-width:none;text-align:center;margin-bottom:18px}.audience ul{justify-content:center;gap:24px;font-size:16px}.demo-grid,.terrain,.together-grid,.questions{gap:45px}.features{gap:28px}.section-heading{column-gap:45px}.terrain-copy h2{font-size:35px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{min-height:82px;gap:15px;flex-wrap:wrap;padding-top:16px;padding-bottom:15px}.brand{font-size:24px}.brand svg{width:34px;height:34px}.nav nav{order:3;flex-basis:100%;justify-content:space-between;margin:0;gap:12px;border-top:1px solid #e4e1d6;padding-top:5px}.nav nav a{font-size:14px;padding:8px 0}.button.small{font-size:12px;padding:9px 12px;min-height:43px}.hero{padding:32px 0 35px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero h1{font-size:43px;letter-spacing:-1.6px;line-height:1.09}.eyebrow{font-size:13px;margin-bottom:18px}.intro{font-size:17px;margin:22px 0;max-width:470px}.button{font-size:16px}.hero-note{font-size:12px}.photos{grid-template-rows:210px 150px;border-top-left-radius:65px}.people figcaption{font-size:12px}.audience{padding:25px 0}.audience ul{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:center;font-size:15px}.audience p{font-size:12px;margin-bottom:20px}.section{padding-top:58px;padding-bottom:58px}.section-heading{display:block}.section-heading h2{font-size:34px}.section-heading>p:last-child{font-size:17px;margin-top:24px}.features{grid-template-columns:1fr;gap:24px;margin-top:35px}.features article{padding-top:20px}.features p{margin:14px 0}.features h3{font-size:24px}.demo-section{padding:52px 0}.demo-grid,.terrain,.together-grid,.questions{grid-template-columns:1fr;gap:35px}.demo-copy h2{font-size:32px}.demo-window{min-height:350px}.demo-panel{padding:22px}.demo-row strong{font-size:14px}.demo-row .amount{font-size:15px}.terrain-photo img{aspect-ratio:1.4;border-bottom-right-radius:60px}.terrain-copy h2{font-size:34px}.together{padding:52px 0}.together h2,.questions h2{font-size:34px}.together-grid{gap:30px}.together img{border-top-left-radius:55px}.questions{gap:40px}.footer{flex-wrap:wrap;gap:14px;align-items:flex-start}.footer p{flex-basis:100%;order:3}.footer>a:last-child{margin-left:auto}.preview-note{font-size:10px}.choices button{font-size:14px;padding:14px 9px}.demo-copy .demo-note{font-size:12px}.demo-total{font-size:14px}dialog{padding:24px}}
@media(max-width:760px){.nav>.button{display:none}.hero h1{font-size:clamp(34px,9.3vw,43px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Variantes locales : le sélecteur est réservé à cette proposition. */
@font-face{font-family:'Barlow Condensed';src:url('assets/barlow-condensed-1.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('assets/barlow-condensed-2.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Cabin';src:url('assets/cabin-1.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Cabin';src:url('assets/cabin-2.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Bitter';src:url('assets/bitter-1.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Bitter';src:url('assets/bitter-2.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('assets/source-sans-1.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('assets/source-sans-2.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('assets/source-sans-3.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
body{font-family:'Source Sans 3',sans-serif;padding-bottom:102px;--display:'Barlow Condensed';--display-size:clamp(52px,5.1vw,74px);--display-tracking:-.6px}
body[data-type=humaniste]{--display:'Cabin';--display-size:clamp(43px,4.1vw,60px);--display-tracking:-1.4px}
body[data-type=editoriale]{--display:'Bitter';--display-size:clamp(38px,3.85vw,55px);--display-tracking:-1.7px}
h1,h2,h3,.brand,.audience ul{font-family:var(--display),sans-serif;font-weight:700;font-style:normal}
.hero h1{font-size:var(--display-size);font-weight:700;letter-spacing:var(--display-tracking);line-height:1.07}
body[data-type=affiche] h2{font-size:48px;letter-spacing:-.3px}
body[data-type=affiche] h3{font-size:29px;letter-spacing:0}
body[data-type=affiche] .brand{font-size:32px;letter-spacing:.1px}
body[data-type=affiche] .audience ul{font-size:22px;font-weight:600}
body[data-type=affiche] .demo-copy h2{font-size:42px}
body[data-type=editoriale] h2{font-size:38px;letter-spacing:-1.1px}
body[data-type=editoriale] h3{font-size:23px;letter-spacing:-.65px}
body[data-type=editoriale] .brand{font-size:25px;letter-spacing:-1.1px}
body[data-type=editoriale] .audience ul{font-family:'Source Sans 3',sans-serif;font-weight:600}
.nav nav a,.eyebrow,summary,.button{font-weight:600}
.intro{font-size:21px;line-height:1.5}
.button{position:relative;isolation:isolate;z-index:0;overflow:visible;background:transparent;border:0;border-radius:0;padding:17px 29px;min-height:58px;transition:color .18s}
.button::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--blue);transition:background .18s}
.button:hover{background:transparent}.button:hover::before{background:#05636b}
.button.small{padding:13px 23px;min-height:48px}
body[data-button=biseau] .button::before{clip-path:polygon(0 0,calc(100% - 17px) 0,100% 17px,100% 100%,17px 100%,0 calc(100% - 17px))}
body[data-button=ovale] .button{min-height:76px;padding:21px 40px}
body[data-button=ovale] .button::before{border-radius:50%}
body[data-button=ovale] .button.small{min-height:58px;padding:16px 27px}
body[data-button=souligne] .button{color:var(--blue);padding:13px 0;min-height:58px;border-bottom:3px solid var(--blue)}
body[data-button=souligne] .button::before{display:none}
body[data-button=souligne] .button:hover{color:#054e56;border-color:#054e56}
body[data-button=souligne] .button.small{padding:10px 0;min-height:45px;border-bottom-width:2px}
.design-tools{position:fixed;z-index:20;bottom:0;left:0;right:0;background:#fffdf9;border-top:1px solid #b7beb6;box-shadow:0 -5px 22px #243e2c0a;padding:15px 26px;display:flex;align-items:center;justify-content:center;gap:32px;font:14px/1.3 'Source Sans 3',sans-serif;color:#203d40}
.design-tools-title{min-width:120px}.design-tools-title strong{display:block;font-size:16px}.design-tools-title span{display:block;margin-top:4px;color:#667068;font-size:12px}
.design-options{padding:0;margin:0;border:0;min-width:0}.design-options legend{font-size:12px;font-weight:400;margin:0 0 6px;color:#506568}.design-options>div{display:flex;gap:2px}
.design-options button{font-family:'Source Sans 3',sans-serif;font-size:14px;min-height:38px;padding:8px 12px;cursor:pointer;border:1px solid transparent;background:transparent;color:#203d40}
.design-options button[aria-pressed=true]{border-color:#203d40;background:#e6f4f3}.design-options button:hover{background:#e6f4f3}
.design-hide{background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;color:#506568;cursor:pointer;font-size:12px;min-height:44px;padding:8px}
.design-reopen{position:fixed;bottom:15px;right:20px;background:white;border:1px solid #203d40;padding:12px 18px;min-height:46px;color:#203d40;font:14px 'Source Sans 3',sans-serif;cursor:pointer;z-index:20}
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.design-tools{gap:20px;padding:13px 18px}.design-tools-title{min-width:100px}.design-options button{padding:8px 10px}body[data-type=editoriale] .nav{gap:20px}.nav nav{gap:22px}}
@media(max-width:760px){body{padding-bottom:177px;--display-size:clamp(43px,12.2vw,56px)}body[data-type=humaniste]{--display-size:clamp(32px,8.8vw,40px);--display-tracking:-1.15px}body[data-type=editoriale]{--display-size:clamp(28px,7.7vw,35px);--display-tracking:-1.2px}.intro{font-size:19px}body[data-type=affiche] h2{font-size:38px}body[data-type=affiche] h3{font-size:27px}body[data-type=affiche] .demo-copy h2{font-size:36px}body[data-type=affiche] .audience ul{font-size:19px}body[data-type=editoriale] h2{font-size:30px}body[data-type=editoriale] h3{font-size:22px}.button{font-size:16px;max-width:100%;text-align:center}body[data-button=ovale] .button{min-height:70px;padding:20px 29px}.design-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;gap:7px 12px;padding:11px 16px 14px}.design-tools-title{display:none}.design-options{grid-column:1}.design-options legend{font-size:11px;margin:0 0 2px}.design-options button{font-size:13px;padding:7px 12px;min-height:35px}.design-hide{grid-column:2;grid-row:1/3;align-self:center;font-size:11px;padding:4px}.design-tools .design-options>div{gap:1px}.design-reopen{font-size:12px;padding:10px 14px;right:12px;bottom:12px}}
@media print{.design-tools,.design-reopen{display:none!important}body{padding-bottom:0}}
@media(min-width:761px) and (max-width:1000px){.nav>.button{display:none}}
@media(prefers-reduced-motion:reduce){.button,.button::before{transition:none}}

/* Le bouton de navigation conserve sa forme classique, indépendamment du CTA principal. */
body[data-button] .nav>.button.small{min-height:46px;padding:12px 21px;border:0;border-radius:7px;color:white}
body[data-button] .nav>.button.small::before{display:block;clip-path:none;border-radius:7px}

/* Identité BureauAsso : tracés vectoriels sur fond transparent. */
:root{--turquoise:#08a6b0;--coral:#ff5c61;--yellow:#ffb900}
.brand{flex-shrink:0;line-height:1}
.brand-art{display:block;width:104px}
.brand-art img{display:block;width:100%;height:auto}
.nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);min-height:0;padding-top:36px;padding-bottom:36px;gap:36px}
.nav>.brand{justify-self:center}
.nav nav{margin:0;gap:32px;align-items:center}
.nav .nav-left{justify-content:flex-end}
.nav .nav-right{justify-content:flex-start}
.footer .brand-art{width:100px}
.features article:first-child{border-color:var(--turquoise)}
.features article:nth-child(3){border-color:var(--coral)}
.audience{border-top:3px solid var(--yellow)}
.window-bar strong{color:var(--blue)}
::selection{background:#ffdc7a;color:var(--ink)}
@media(max-width:1050px){.nav{gap:22px}.nav nav{gap:20px}.nav nav a{font-size:14px}}
@media(max-width:760px){.nav{grid-template-columns:1fr 1fr;padding-top:28px;padding-bottom:20px;gap:18px}.nav>.brand{grid-column:1/-1;grid-row:1}.brand-art{width:96px}.nav nav{grid-row:2;order:initial;border-top:0;padding:0;gap:14px;flex-wrap:wrap;justify-content:center}.nav .nav-left,.nav .nav-right{justify-content:center;flex-direction:column;gap:0}.nav nav a{font-size:13px;padding:10px 0}.footer .brand-art{width:92px}}

/* La vitrine publique conserve la variante approuvée. */
body{padding-bottom:0}

/* Biseau plus discret pour l'appel à découvrir le logiciel. */
body[data-button=biseau] .hero-copy>.button{min-height:48px;padding:11px 22px;font-size:16px;font-weight:600;line-height:1.5}
body[data-button=biseau] .hero-copy>.button::before{clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}

.legal-links{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 24px;padding:16px 20px 24px;font-size:14px}.legal-links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px}