:root{
  --green:#074D4B;--green-d:#063432;--green-2:#0A5F5C;
  --eden:#62A4A0;--eden-d:#4A8480;
  --sand:#BAA98F;--sand-l:#D0BCA4;--sand-xl:#EDE5D8;
  --coral:#CD5139;--coral-d:#B04530;
  --ink:#1F302E;--mute:#6E807C;
  --bg:#F7F5F1;--card:#FFFFFF;--line:#E3E8E6;
  --maxw:1180px;--ease:cubic-bezier(.2,.7,.2,1);
  --shadow:0 20px 48px -20px rgba(6,42,40,.42);
  --shadow-sm:0 6px 20px -10px rgba(6,42,40,.28);
  --r:18px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:"Manrope",system-ui,sans-serif;font-weight:500;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;border:none;background:none;cursor:pointer}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}
.brand-logo{height:52px;width:auto;display:block;flex-shrink:0}
.brand-logo-foot{height:36px;width:auto}
.brand-logo-mobile{display:none;height:36px;width:auto;flex-shrink:0}
h1,h2,h3,h4{font-weight:800;line-height:1.1;letter-spacing:-.025em;color:var(--green)}
.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:var(--eden-d)}
.lead{font-size:1.12rem;line-height:1.7;opacity:.9}
.muted{color:var(--mute)}
.accent-bar{width:32px;height:3px;background:var(--sand);border-radius:2px;margin-bottom:18px}
.nav{position:sticky;top:0;z-index:100;background:#fff;border-bottom:2px solid var(--line);box-shadow:0 2px 12px -4px rgba(6,42,40,.08)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:70px}
.nav-links{display:flex;align-items:center;gap:22px;list-style:none}
.nav-links a,.nav-links button.nav-btn{font-weight:700;font-size:.86rem;color:var(--ink);position:relative;padding:5px 0;background:none;border:none;cursor:pointer;font-family:inherit;transition:color .2s}
.nav-links a::after,.nav-links button.nav-btn::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--sand);transition:width .28s var(--ease)}
.nav-links a:hover,.nav-links button.nav-btn:hover{color:var(--green)}
.nav-links a:hover::after,.nav-links button.nav-btn:hover::after,.nav-links a.active::after,.nav-links button.nav-btn.active::after{width:100%}
.nav-links a.active,.nav-links button.nav-btn.active{color:var(--green)}
.nav-links a.btn,.nav-links button.btn{color:#fff}
.nav-links a.btn::after,.nav-links button.btn::after{display:none}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:10px;background:none;border:none}
.burger span{width:22px;height:2px;background:var(--green);border-radius:2px;display:block;transition:.22s}
.mob-menu-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mob-menu-open .burger span:nth-child(2){opacity:0}
.mob-menu-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.btn{display:inline-flex;align-items:center;gap:.55em;font-weight:800;font-size:.88rem;padding:11px 22px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:transform .2s var(--ease),background .18s,box-shadow .2s,color .2s;text-align:center}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-2)}
.btn-coral{background:var(--coral);color:#fff}.btn-coral:hover{background:var(--coral-d)}
.btn-sand{background:var(--sand-l);color:var(--green-d)}.btn-sand:hover{background:var(--sand)}
.btn-ghost{border-color:var(--green);color:var(--green)}.btn-ghost:hover{background:var(--green);color:#fff}
.btn-outline-light{border-color:rgba(255,255,255,.4);color:#fff}.btn-outline-light:hover{background:rgba(255,255,255,.1)}
.arrow{transition:transform .22s var(--ease)}.btn:hover .arrow{transform:translateX(4px)}
section{position:relative}
.sec{padding:96px 0}.sec-tight{padding:60px 0}
.sec-head{max-width:720px;margin-bottom:44px}
.sec-head .eyebrow{display:block;margin-bottom:12px}
.sec-head h2{font-size:clamp(1.8rem,3.6vw,2.65rem)}
.sec-head p{margin-top:14px}
.bg-white{background:#fff}.bg-light{background:var(--bg)}.bg-green{background:var(--green);color:#fff}
.bg-green h2,.bg-green h3{color:#fff}.bg-green .eyebrow{color:var(--sand-l)}
.deco-rings{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.3}
.deco-rings span{position:absolute;border-radius:50%;border:1px solid rgba(208,188,164,.25)}
.section-icon-deco{position:absolute;pointer-events:none}
.section-icon-deco svg{width:100%;height:auto}
.hero{background:var(--green-d);color:#fff;overflow:hidden}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center 30%;opacity:.15;filter:grayscale(30%)}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,var(--green-d) 35%,rgba(7,77,75,.6) 100%)}
.hero-icon-deco{position:absolute;right:-4%;top:50%;transform:translateY(-50%);width:min(480px,48vw);opacity:.06;pointer-events:none}
.hero-icon-deco svg{width:100%;height:auto}
.hero-in{position:relative;z-index:2;padding:110px 0 54px;max-width:820px}
.hero h1{color:#fff;font-size:clamp(2.4rem,5.5vw,4.4rem);letter-spacing:-.03em;line-height:1.06;font-weight:800}
.hero h1 em{color:var(--sand-l);font-style:italic;font-weight:300}
.hero .lead{color:rgba(255,255,255,.75);margin-top:22px;max-width:600px}
.hero-cta{margin-top:34px;display:flex;gap:12px;flex-wrap:wrap}
.grid{display:grid;gap:20px}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:var(--shadow-sm);transition:transform .28s var(--ease),box-shadow .28s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.card h3{font-size:1.12rem;margin-bottom:9px}
.card p{margin:0;font-size:.95rem;opacity:.86}
.kicker{font-size:.68rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--sand);margin-bottom:11px}
.conv{position:relative;overflow:hidden;cursor:pointer}
.conv .q{font-size:1.04rem;font-weight:700;color:var(--green);line-height:1.35}
.conv .idx{position:absolute;top:14px;right:16px;font-weight:800;color:#EBF0ED;font-size:2.2rem;line-height:1;transition:color .3s}
.conv:hover .idx{color:var(--eden);opacity:.25}
.values{display:flex;flex-wrap:wrap;gap:10px}
.value{display:inline-flex;align-items:center;gap:.55em;border-radius:999px;padding:9px 20px;font-weight:800;font-size:.94rem}
.value i{width:6px;height:6px;border-radius:50%;background:var(--sand);flex-shrink:0}
.bg-green .value{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#fff}
.bg-white .value,.bg-light .value{background:#fff;border:1px solid var(--line);color:var(--green)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.img-frame{border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
.img-frame img{width:100%;height:400px;object-fit:cover;display:block}
/* Stats band */
.stats-band{background:var(--green);color:#fff;padding:48px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.stat-num{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1}
.stat-num span{color:var(--sand-l)}
.stat-label{font-size:.85rem;color:rgba(255,255,255,.65);margin-top:6px;font-weight:600}
/* Testimonial */
.testi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-items:start}
.testi{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:14px}
.testi-quote{font-style:italic;font-size:.95rem;line-height:1.65;color:var(--ink);opacity:.9}
.testi-quote::before{content:"“";color:var(--sand);font-size:1.5em;line-height:1;display:block;margin-bottom:4px}
.testi-author{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--line)}
.testi-av{width:40px;height:40px;border-radius:50%;background:var(--eden);display:grid;place-items:center;font-weight:800;font-size:.9rem;color:#fff;flex-shrink:0}
.testi-name{font-weight:800;font-size:.92rem;color:var(--green)}
.testi-role{font-size:.78rem;color:var(--mute)}
/* Steps */
.steps{counter-reset:s;display:grid;gap:16px}
.step{display:grid;grid-template-columns:60px 1fr;gap:20px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 28px;box-shadow:var(--shadow-sm)}
.step .n{counter-increment:s;width:46px;height:46px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1rem;flex-shrink:0}
.step .n::after{content:counter(s,decimal-leading-zero)}
.step h3{font-size:1.12rem;margin-bottom:6px}
.step p{margin:0;font-size:.94rem;opacity:.85}
.model-figure{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}
.model-cap{text-align:center;font-style:italic;color:var(--eden-d);margin-top:14px;font-weight:600;font-size:.9rem}
/* Team */
.member{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm);position:relative}
.member-photo{width:100%;height:420px;object-fit:cover;object-position:center 15%;display:block}
.member-av{width:100%;height:180px;background:var(--eden);display:grid;place-items:center;font-size:2.8rem;font-weight:800;color:rgba(255,255,255,.25)}
.member-body{padding:20px 22px}
.member .role{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sand);margin:3px 0 10px}
.member h3{font-size:1.08rem}
.member p{font-size:.88rem;opacity:.85;margin-top:.4em}
/* Timeline */
.tl{display:grid;grid-template-columns:140px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}
.tl:last-child{border-bottom:none}
.tl .yr{font-size:.74rem;font-weight:800;color:var(--mute);text-transform:uppercase;letter-spacing:.1em;padding-top:3px}
.tl .yr b{display:block;color:var(--green);font-size:.98rem;letter-spacing:-.01em;text-transform:none;margin-top:2px}
.tl h3{font-size:1.06rem;margin-bottom:5px}
.tl p{margin:0;font-size:.9rem;opacity:.85}
/* Posts */
.post{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:var(--shadow-sm);transition:transform .28s var(--ease),box-shadow .28s;display:flex;flex-direction:column;gap:12px}
.post:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.post .pill{align-self:flex-start;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--green);background:var(--sand-xl);border-radius:999px;padding:5px 12px}
.post h3{font-size:1.06rem;line-height:1.28}
.post .four{display:grid;gap:5px;list-style:none}
.post .four li{font-size:.82rem;color:var(--mute);padding-left:16px;position:relative;line-height:1.4}
.post .four li::before{content:"→";position:absolute;left:0;color:var(--sand);font-weight:800}
.post .more{margin-top:auto;font-weight:800;color:var(--green);display:inline-flex;align-items:center;gap:.4em;font-size:.9rem;border:none;background:none;cursor:pointer;font-family:inherit;padding:0}
.post.hidden{display:none}
/* Article full */
.article-full .art-block{padding:28px 0;border-bottom:1px solid var(--line)}
.article-full .art-block:last-child{border-bottom:none}
.art-label{font-size:.7rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--sand);margin-bottom:10px}
.art-quote{font-size:1.2rem;font-weight:800;color:var(--green);line-height:1.3;margin-bottom:14px}
.art-block p{font-size:.97rem;line-height:1.72;color:var(--ink);opacity:.9}
.art-block--green{background:var(--green);border-radius:16px;padding:28px;border:none;margin:4px 0}
.art-block--green .art-quote{color:#fff}
.art-block--green p{color:rgba(255,255,255,.82);opacity:1}
.art-block--cas{background:var(--sand-xl);border-radius:16px;padding:24px;border:none}
.art-block--cas .art-label{color:var(--green-d)}
.art-block--cas p{font-size:.93rem;font-style:italic}
/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:start;max-width:620px}
.field{margin-bottom:15px}
.field label{display:block;font-weight:700;font-size:.82rem;margin-bottom:6px;color:var(--green)}
.field input,.field textarea{width:100%;padding:11px 14px;border:1.5px solid var(--line);border-radius:11px;font-family:inherit;font-size:.92rem;background:#fff;color:var(--ink);transition:border-color .2s;-webkit-appearance:none}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--eden)}
.contact-card{background:var(--green);color:#fff;border-radius:22px;padding:34px;position:relative;overflow:hidden}
.contact-card h3{color:#fff}
.contact-card a{color:var(--sand-l);font-weight:800}
.contact-line{display:flex;align-items:center;gap:.6em;margin:13px 0;font-size:.96rem}
.contact-line .ic{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;color:var(--sand);flex-shrink:0}
/* Footer */
.foot{background:var(--green-d);color:#fff;padding:52px 0 26px}
.foot-top{display:flex;justify-content:space-between;gap:36px;flex-wrap:wrap;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.08)}
.foot-tagline{color:var(--sand-l);max-width:320px;margin:12px 0 0;font-size:.9rem;font-style:italic}
.foot-cols{display:flex;gap:48px;flex-wrap:wrap}
.foot-cols h4{color:rgba(255,255,255,.4);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:13px}
.foot-cols ul{list-style:none;display:grid;gap:8px}
.foot-cols button.foot-nav{background:none;border:none;color:var(--sand-l);font-size:.88rem;cursor:pointer;font-family:inherit;font-weight:500;padding:0;text-align:left;transition:color .2s}
.foot-cols button.foot-nav:hover{color:#fff}
.foot-cols a{color:var(--sand-l);font-size:.88rem;transition:color .2s}.foot-cols a:hover{color:#fff}
.foot-bar{padding-top:20px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:rgba(255,255,255,.35);font-size:.78rem}
.foot-bar .tag{color:var(--sand);opacity:.6}
.cta-band{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
/* Pilier filters */
.pilier-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}
.pf{padding:8px 18px;border-radius:999px;border:1.5px solid var(--line);font-weight:700;font-size:.82rem;cursor:pointer;background:#fff;color:var(--ink);transition:all .2s;font-family:inherit}
.pf:hover,.pf.active{background:var(--green);color:#fff;border-color:var(--green)}
.page{display:none}.page.active{display:block}
@media(max-width:960px){
  .g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr}
  .split,.contact-grid{grid-template-columns:1fr;gap:28px}
  .tl{grid-template-columns:1fr;gap:6px}
  .hero-icon-deco{display:none}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .testi-grid{grid-template-columns:1fr}
  .brand-logo{display:block;height:36px}
  .burger{display:flex}
  .nav-links{display:none;position:fixed;top:70px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:12px 28px 24px;border-bottom:2px solid var(--line);box-shadow:0 8px 24px -8px rgba(6,42,40,.15);z-index:99}
  .nav-links.open{display:flex}
  .nav-links a,.nav-links button.nav-btn{padding:12px 0;width:100%;border-bottom:1px solid var(--line);font-size:.95rem}
  .nav-links li:last-child a,.nav-links li:last-child button{border-bottom:none}
  .nav-links .nav-cta{margin-top:10px}
}
@media(max-width:560px){
  .g2,.g4{grid-template-columns:1fr}.sec{padding:64px 0}
  .hero-in{padding:80px 0 44px}.step{grid-template-columns:1fr;gap:12px}
  .cta-band{flex-direction:column;align-items:flex-start}
  .wrap{padding:0 18px}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
}

/* Carousel références */
.refs-section{background:var(--bg);padding:48px 0;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.refs-title{text-align:center;font-size:.72rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:var(--mute);margin-bottom:32px}
.carousel-track-wrap{overflow:hidden;position:relative}
.carousel-track-wrap::before,.carousel-track-wrap::after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}
.carousel-track-wrap::before{left:0;background:linear-gradient(to right,var(--bg),transparent)}
.carousel-track-wrap::after{right:0;background:linear-gradient(to left,var(--bg),transparent)}
.carousel-track{display:flex;gap:0;width:max-content;animation:carousel-scroll 30s linear infinite}
.carousel-track:hover{animation-play-state:paused}
.carousel-item{display:inline-flex;align-items:center;justify-content:center;padding:0 40px;white-space:nowrap;font-size:1.05rem;font-weight:800;color:var(--green);opacity:.65;transition:opacity .2s;letter-spacing:-.01em}
.carousel-item:hover{opacity:1}
.carousel-sep{color:var(--sand);opacity:.5;font-size:.8rem;padding:0 8px}
@keyframes carousel-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* --- ajouts refonte multi-pages --- */
.page{display:block}
.form-status{margin-top:14px;font-weight:700;font-size:.9rem;display:none}
.form-status.ok{display:block;color:var(--green)}
.form-status.err{display:block;color:var(--coral)}
.hp-field{position:absolute;left:-9999px;opacity:0;height:0;width:0;overflow:hidden}
.legal h2{font-size:1.15rem;margin:34px 0 10px}
.legal p, .legal li{font-size:.95rem;line-height:1.7}
.legal ul{padding-left:22px;margin:10px 0}
.coords .cline{display:flex;gap:.6em;align-items:flex-start;margin-bottom:14px;font-size:.95rem}
.coords .cline b{color:var(--green)}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--coral);color:#fff;padding:10px 16px;z-index:999;font-weight:700;border-radius:0 0 8px 0}
.skip-link:focus{left:0;top:0}
.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}
:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}
.pf{min-height:44px}
.foot-cols a{display:inline-block;padding:5px 0}
.foot-cols h2{color:rgba(255,255,255,.4);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:13px;font-weight:700}
.byline{font-size:.8rem;color:var(--sand-l);margin-top:14px;opacity:.9}
.crumb a{color:var(--sand-l);text-decoration:underline}