/* V67 : bloc Wipoz sobre (couleurs du site) + logo Wipoz partout où le nom apparaît */
.wipoz{background:#fff!important;color:#242321!important;padding:clamp(56px,9vw,110px) 6vw}
.wz-wrap{max-width:1180px;margin:auto}
.wz-in{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.22,.8,.2,1),transform .9s cubic-bezier(.22,.8,.2,1)}
.wz-in.on{opacity:1;transform:none}
.wz-logo{display:inline-flex;align-items:center;margin:0 0 30px}
.wz-logo img{display:block;height:auto;width:min(230px,56vw)}.wz-logo b{display:none;font:800 24px/1 Manrope,Arial,sans-serif;letter-spacing:3px;color:#242321}
.wz-logo.nologo img{display:none}.wz-logo.nologo b{display:block}
.wipoz h2{font:400 clamp(46px,8.5vw,104px)/.92 Cormorant,Georgia,serif;letter-spacing:-.035em;margin:0 0 14px;color:#242321}
.wipoz h2 em{color:#8a7254}
.wz-base{font:italic 400 clamp(22px,3.2vw,32px)/1.2 Cormorant,Georgia,serif;color:#68635c;margin:0 0 40px}
.wz-stats{display:grid;grid-template-columns:repeat(4,1fr);background:#151515;border-radius:6px;margin:0 0 18px;overflow:hidden}
.wz-stats>div{padding:28px 26px;border-right:1px solid #ffffff1c}.wz-stats>div:last-child{border:0}
.wz-stats b{display:block;font:400 clamp(48px,6vw,80px)/.95 Cormorant,Georgia,serif;letter-spacing:-.03em;color:#fff}
.wz-stats b small{font-size:.45em;color:#d9bf94;letter-spacing:0}
.wz-stats p{margin:12px 0 0;font:500 13px/1.5 Manrope,Arial,sans-serif;color:#cfc8bd}
.wz-flow{margin:0 0 26px;padding:26px 24px 22px;border:1px solid #e3ddd3;border-radius:6px;background:#faf8f4}
.wz-flow ol{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);position:relative}
.wz-flow ol:before{content:"";position:absolute;left:10%;right:10%;top:9px;height:2px;background:#e3ddd3}
.wz-flow ol:after{content:"";position:absolute;left:10%;top:9px;height:2px;width:calc(80% * var(--p,0));background:#e30613}
.wz-flow li{position:relative;text-align:center;z-index:1}
.wz-flow li i{display:block;width:20px;height:20px;margin:0 auto 12px;border-radius:50%;background:#fff;border:2px solid #cfc8bd;transition:background .25s,border-color .25s,transform .25s}
.wz-flow li.done i{background:#e30613;border-color:#e30613}
.wz-flow li.now i{transform:scale(1.35);box-shadow:0 0 0 6px #e3061322}
.wz-flow li span{font:600 12px/1.3 Manrope,Arial,sans-serif;color:#242321}.wz-click span{color:#e30613!important}
.wz-flow>em{display:block;font:italic 400 22px/1.2 Cormorant,Georgia,serif;color:#68635c;text-align:center}.wz-flow>em u{text-decoration:none;color:#8a7254}
.wz-tags{list-style:none;margin:0 0 38px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.wz-tags li{border:1px solid #d9d3c9;border-radius:999px;padding:9px 16px;font:600 12px/1 Manrope,Arial,sans-serif;letter-spacing:.4px;color:#242321}
.wz-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px}
.wz-main{display:inline-flex;align-items:center;gap:10px;border:1px solid #242321;border-radius:999px;padding:14px 24px;font:600 14px/1 Manrope,Arial,sans-serif;color:#242321;background:#fff}
.wz-ilogo{height:22px;width:auto;display:inline-block;vertical-align:middle}
.wz-main b{font:800 14px/1 Manrope,Arial,sans-serif;letter-spacing:2px}
.wz-alt{font:600 13px/1 Manrope,Arial,sans-serif;letter-spacing:1px;color:#242321;border-bottom:1px solid #8a7254;padding:6px 0}
.wz-src{margin:30px 0 0;font:400 12px/1.5 Manrope,Arial,sans-serif;color:#8a857c}.wz-src a{border-bottom:1px solid #cfc8bd}
@media(max-width:900px){.wz-stats{grid-template-columns:1fr 1fr}.wz-stats>div:nth-child(2){border-right:0}.wz-stats>div:nth-child(-n+2){border-bottom:1px solid #ffffff1c}}@media(max-width:640px){.wz-stats>div{padding:22px 18px}.wz-stats b{font-size:clamp(40px,12vw,56px)}.wz-stats p{font-size:12px}.wz-flow li span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.wz-in{opacity:1;transform:none}}
.wz-lead{max-width:600px;font:400 17px/1.7 Manrope,Arial,sans-serif;color:#4c4842;margin:0 0 32px}.wz-lead strong{display:block;color:#242321;font-weight:700;margin-top:4px}
.wz-flow-note{margin:0 0 14px;text-align:center;font:400 13px/1.7 Manrope,Arial,sans-serif;color:#5b564f;max-width:640px;margin-left:auto;margin-right:auto}
.wz-example{margin:0 0 36px;padding:18px 22px;border-left:3px solid #e30613;background:#faf8f4;font:400 15px/1.7 Manrope,Arial,sans-serif;color:#242321;max-width:760px}.wz-example b{font-weight:700}
.wz-il{display:inline-block;height:.78em;width:auto;vertical-align:-.04em;margin:0 .12em}.wz-stats .wz-il{filter:brightness(0) invert(1)}

/* V72 : version synthétique, façon Apple */
.wipoz{padding:clamp(64px,10vw,130px) 6vw clamp(56px,8vw,100px)}
.wz-logo img{width:min(150px,38vw)}.wz-logo{margin:0 0 26px}
.wipoz h2{font-size:clamp(52px,10.5vw,132px);line-height:.9;margin:0 0 18px}
.wz-lead{font:500 clamp(16px,2.2vw,22px)/1.4 Manrope,Arial,sans-serif;color:#68635c;margin:0 0 clamp(36px,6vw,70px);max-width:none}
.wz-stats{background:none!important;border-radius:0;display:grid;grid-template-columns:repeat(3,1fr)!important;gap:0;margin:0 0 clamp(28px,5vw,56px);border-top:1px solid #d9d3c9}
.wz-stats>div{padding:26px 8px 0 0!important;border:0!important}
.wz-stats b{font:300 clamp(46px,9vw,120px)/.95 Cormorant,Georgia,serif!important;letter-spacing:-.04em;color:#242321!important}
.wz-stats b small{font-size:.38em!important;color:#8a7254!important;letter-spacing:0}
.wz-stats p{font:600 11px/1.5 Manrope,Arial,sans-serif!important;letter-spacing:2px;text-transform:uppercase;color:#68635c!important;margin:14px 0 0!important}
.wz-flow{background:none!important;border:0!important;padding:0!important;margin:0 0 clamp(28px,5vw,48px)!important}
.wz-flow ol{margin:0!important}
.wz-actions{gap:22px}
.wz-src{margin:26px 0 0}
@media(max-width:640px){.wz-stats>div{padding:20px 4px 0 0!important}.wz-stats p{letter-spacing:1.2px;font-size:9.5px!important}.wz-stats b{font-size:clamp(34px,11.5vw,52px)!important}}

/* V73 : plan d'architecte qui se dessine au défilement */
.wz-arch{margin:0 0 clamp(28px,5vw,48px)}
.wz-planwrap{background:#111;border-radius:8px;padding:clamp(10px,2vw,22px);margin:0 0 22px;box-shadow:0 30px 60px -30px #00000066}
.wz-plan{display:block;width:100%;height:auto;overflow:visible}
.wz-d{fill:none;stroke:#f5eee4;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
.wz-d.thin{stroke-width:.9;stroke:#cfc8bd}
.wz-g.dim .wz-d{stroke:#d9bf94;stroke-width:1}
.wz-lbl text{font:600 9px/1 Manrope,Arial,sans-serif;letter-spacing:2px;fill:#d9bf94;text-anchor:middle;opacity:var(--lbl,0)}
.wz-lbl text:nth-child(n+4){text-anchor:start;fill:#ffffff88}.wz-lbl text:last-child{text-anchor:end}
.wz-trace{stroke:#e30613;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 5px #e30613)}
.wz-dot{fill:#e30613;stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 8px #e30613)}
.wz-flow{padding:0!important;margin:0!important}
@media(prefers-reduced-motion:reduce){.wz-d,.wz-trace{stroke-dashoffset:0}}

/* V74 : les 5 stations du plan = les 5 bulles rouges */
.wz-ring{fill:#111;stroke:#ffffff55;stroke-width:1.5;transition:stroke .3s}
.wz-node{fill:#ffffff33;transition:fill .3s}
.wz-st text{font:700 9px/1 Manrope,Arial,sans-serif;letter-spacing:1.6px;fill:#ffffff66;transition:fill .3s}
.wz-st.on .wz-ring{stroke:#e30613;filter:drop-shadow(0 0 6px #e30613)}
.wz-st.on .wz-node{fill:#e30613}
.wz-st.on text{fill:#fff}
.wz-dot{display:none}

/* V76 bannière Wipoz */
.wz-ribbon{display:block;width:100%;overflow:hidden;padding:18px 0;background:#e30613;color:#fff}
.wz-ribbon-track{display:flex;width:max-content;animation:wz-loop 30s linear infinite}
.wz-ribbon-group{display:flex;align-items:center;flex:none}
.wz-ribbon-group span{font-family:Caveat,cursive;font-style:normal;font-size:clamp(34px,5vw,60px);line-height:1;white-space:nowrap;color:#fff}
.wz-ribbon-group b{margin:0 clamp(18px,3vw,36px);font-weight:400;opacity:.7}
.wz-ribbon-group .wz-rl{height:clamp(22px,3.6vw,34px);width:auto;display:block;filter:brightness(0) invert(1)}
@keyframes wz-loop{to{transform:translate3d(-50%,0,0)}}
@media(prefers-reduced-motion:reduce){.wz-ribbon-track{animation:none}}
.wz-ribbon{background:#0a0a0a!important;color:#fff}

/* V80 : bloc Wipoz complet (bannière + contenu) sous les usines, épinglé à l'écran */
.wz-pin{position:relative;height:300svh;background:#fff}
.wz-sticky{position:sticky;top:var(--wzh,0px);height:calc(100svh - var(--wzh,0px));display:flex;flex-direction:column;overflow:hidden;background:#fff}
.wz-sticky .wz-ribbon{flex:none;padding:clamp(8px,1.6svh,16px) 0}
.wz-sticky .wz-ribbon-group span{font-size:clamp(28px,4.4svh,52px)}
.wz-sticky .wipoz{flex:1;min-height:0;display:flex;align-items:center;padding:clamp(10px,2svh,28px) 6vw!important}
.wz-sticky .wz-wrap{width:100%}
.wz-sticky .wz-logo{margin:0 0 clamp(6px,1.4svh,16px)}.wz-sticky .wz-logo img{width:min(120px,30vw)}
.wz-sticky .wipoz h2{font-size:clamp(34px,min(9vw,7.2svh),96px);margin:0 0 clamp(4px,1svh,12px)}
.wz-sticky .wz-lead{margin:0 0 clamp(8px,1.8svh,24px);font-size:clamp(13px,2svh,19px)}
.wz-sticky .wz-stats{margin:0 0 clamp(8px,1.8svh,20px)}
.wz-sticky .wz-stats>div{padding:clamp(6px,1.2svh,14px) 6px 0 0!important}
.wz-sticky .wz-stats b{font-size:clamp(30px,min(9vw,6.5svh),84px)!important}
.wz-sticky .wz-stats p{margin:clamp(4px,.8svh,10px) 0 0!important}
.wz-sticky .wz-arch{margin:0 0 clamp(8px,1.6svh,18px)}
.wz-sticky .wz-planwrap{margin:0 0 clamp(6px,1.2svh,14px);padding:clamp(6px,1svh,14px)}
.wz-sticky .wz-plan{width:100%;height:clamp(110px,27svh,330px)}
.wz-sticky .wz-actions{gap:16px}.wz-sticky .wz-main{padding:clamp(10px,1.6svh,14px) 20px}
.wz-sticky .wz-src{margin:clamp(8px,1.4svh,20px) 0 0;font-size:11px}

/* V83 : plan immersif, libellés sur le plan, sans phrase/boutons superflus */
.wz-st text{font-size:24px!important;letter-spacing:2.5px!important;opacity:0;transition:opacity .4s,fill .3s}
.wz-st.on text{opacity:1;fill:#fff!important}
.wz-lbl text{font-size:12px!important}
.wz-sticky .wz-wrap{height:100%;display:flex;flex-direction:column;justify-content:center}
.wz-sticky .wz-arch{margin:0 -6vw clamp(10px,2svh,22px);display:block}
.wz-sticky .wz-planwrap{margin:0;border-radius:0;padding:4px 0}
.wz-sticky .wz-plan{width:100%;height:auto;max-height:none;display:block}
@media(min-width:901px){
 .wz-sticky .wz-wrap{display:grid;grid-template-columns:minmax(330px,30%) 1fr;grid-template-rows:auto auto auto auto auto;column-gap:2vw;align-content:center;align-items:start}
 .wz-sticky .wz-logo{grid-column:1;grid-row:1}
 .wz-sticky .wipoz h2,.wz-sticky h2{grid-column:1;grid-row:2}
 .wz-sticky .wz-stats{grid-column:1;grid-row:3;grid-template-columns:1fr 1fr 1fr!important}
 .wz-sticky .wz-actions{grid-column:1;grid-row:4}
 .wz-sticky .wz-src{grid-column:1;grid-row:5}
 .wz-sticky .wz-arch{grid-column:2;grid-row:1/6;align-self:center;margin:0 -6vw 0 0;border-radius:10px 0 0 10px}
 .wz-sticky .wz-planwrap{border-radius:10px 0 0 10px;padding:clamp(14px,2vw,40px)}
 .wz-sticky .wz-stats b{font-size:clamp(34px,min(4vw,6svh),70px)!important}
 .wz-sticky .wz-stats p{font-size:10px!important;letter-spacing:1.4px!important}
 .wz-sticky .wipoz h2{font-size:clamp(44px,min(5.2vw,8svh),96px)}
}
.wz-sticky .wz-logo img{width:min(210px,52vw)!important}
@media(min-width:901px){.wz-sticky .wz-logo img{width:min(260px,100%)!important}}

/* V87 : bouton RDV + ligne 478 centrés */
.wz-sticky .wz-actions{justify-content:center!important;width:100%;gap:0!important}
.wz-sticky .wz-main{flex-wrap:nowrap;white-space:nowrap;justify-content:center;gap:10px}
.wz-sticky .wz-ilogo{height:22px!important;width:auto!important;max-width:none!important;flex:none}
.wz-sticky .wz-src{text-align:center!important;width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 6px}
.wz-sticky .wz-src .wz-il{height:12px!important;width:auto!important;margin:0}

/* V88 : tout le bloc texte centré sur le même axe */
.wz-sticky .wz-logo{display:flex!important;justify-content:center;width:100%}
.wz-sticky .wipoz h2,.wz-sticky #wipoz-title{text-align:center!important}
.wz-sticky .wz-stats>div{text-align:center!important;padding:clamp(6px,1.2svh,14px) 4px 0!important}
.wz-sticky .wz-stats b{display:block}
.wz-sticky .wz-stats p{text-align:center!important}

/* V89 : bouton « Ajoutez-moi à vos contacts » */
.signature-copy .signature-contact{display:inline-flex!important;align-items:center;gap:12px;width:auto!important;padding-left:26px!important;padding-right:26px!important;white-space:nowrap}
.signature-copy .signature-contact svg{position:static!important;margin:0!important;flex:none}
.signature-section .signature-copy a.signature-contact.pill{width:auto!important;justify-content:center!important;gap:12px;padding:16px 26px!important}
header .nav-contact{white-space:nowrap!important;padding-left:16px!important;padding-right:16px!important}
@media(max-width:480px){header nav{gap:12px!important}header nav a{font-size:14px}header .nav-contact{font-size:14px!important}}
@media(max-width:480px){header nav{gap:10px!important}header nav a{font-size:12px!important}header .nav-contact{font-size:12.5px!important;padding:11px 13px!important}header .brand img,header>a img,header img{max-width:112px!important;height:auto!important}}
header .nav-contact{padding:11px 20px!important}
.signature-vcard{margin-top:clamp(22px,4svh,40px);position:relative;z-index:3}
.signature-vcard .signature-contact{margin-top:0!important}
.signature-section .signature-vcard a.signature-contact.pill{display:inline-flex!important;width:auto!important;gap:12px;padding:16px 26px!important;border-radius:4px!important;font-weight:600;justify-content:center!important}
@media(min-width:901px){.signature-section{padding-top:76px!important;padding-bottom:34px!important}.signature-vcard{margin-top:20px}}
@media(min-width:901px){main #signature.signature-section{padding-top:56px!important;padding-bottom:30px!important;min-height:0!important}main #signature .signature-intro{margin-top:24px!important}}

/* V94/V102 : hero iPhone — portrait en haut, texte dessous (version d'avant, calée sur la largeur) */
@media(max-width:700px){
 main #signature.signature-section{background:#151515!important;padding:calc(100vw - 160px) 24px 28px!important;min-height:0!important;overflow:hidden;isolation:isolate}
 main #signature.signature-section:before{display:none!important}
 main #signature.signature-section:after{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:0!important;bottom:auto!important;width:auto!important;height:calc(125vw - 64px)!important;background:linear-gradient(180deg,rgba(21,21,21,0) 0,rgba(21,21,21,0) 34%,rgba(21,21,21,.62) 100%),url(assets/guillaume-sanchez-portrait.jpg) -62px -64px/125% auto no-repeat!important;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 100%);z-index:1!important;pointer-events:none;opacity:1!important}
 #signature .signature-layout,#signature .signature-intro,#signature .signature-territory{position:relative;z-index:2}
 #signature .signature-layout{display:block}
 #signature h2{font-size:clamp(50px,14.5vw,64px)!important;line-height:.92!important;margin:0 0 12px!important}
 #signature .signature-role{display:block;margin:0 0 10px!important;font:600 12px/1 Manrope,Arial,sans-serif!important;letter-spacing:3px;text-transform:uppercase;color:#d9bf94!important}
 #signature .professional-contact{display:flex!important;flex-direction:column;gap:6px!important;margin:0!important;height:auto!important}
 #signature .professional-contact a{font-size:15px!important;margin:0!important;padding:0!important;line-height:1.3!important}
 #signature .signature-intro{margin:22px 0 0!important;padding-top:20px!important;font-size:26px!important;line-height:1.12!important;height:auto!important;border-top:1px solid #ffffff44}
 #signature .signature-territory{margin:12px 0 0!important;font-size:13.5px!important;line-height:1.5!important;height:auto!important;color:#ffffffcc}
 #signature .signature-vcard{margin-top:22px}
 .signature-section .signature-vcard a.signature-contact.pill{display:flex!important;width:100%!important;justify-content:center!important}
}

/* V109 : titre sans collision Q/O (web) + bouton/phrase centrés dans l'espace blanc (iPhone) */
.wz-sticky .wipoz h2,.wz-sticky #wipoz-title{line-height:1.04!important}
@media(min-width:901px){.wz-sticky .wipoz h2,.wz-sticky #wipoz-title{font-size:clamp(34px,min(3.3vw,7svh),84px)!important}}
@media(max-width:900px){
 .wz-sticky .wipoz{align-items:stretch!important}
 .wz-sticky .wz-wrap{justify-content:flex-start!important;padding-top:clamp(8px,3.5svh,36px)}
 .wz-sticky .wz-actions{margin-top:auto!important}
 .wz-sticky .wz-src{margin-top:clamp(8px,1.4svh,16px)!important;margin-bottom:auto!important}
}