:root{--green:#16734a;--green2:#0f5c3a;--ink:#10262d;--muted:#627078;--cream:#f4f1e9;--line:#dfe5e1;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:28px;position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);z-index:50;border-bottom:1px solid rgba(0,0,0,.06)}.brand{display:flex;align-items:center;gap:10px;min-width:176px}.brand img{width:48px;height:48px;object-fit:cover;border-radius:50%}.brand span{display:flex;flex-direction:column;line-height:1}.brand b{font-size:17px}.brand small{color:var(--green);font-size:14px}.nav{display:flex;align-items:center;gap:20px;margin-left:auto}.nav a{font-size:14px;font-weight:700;color:#405158;padding:29px 0 25px;border-bottom:3px solid transparent}.nav a:hover,.nav a.active{color:var(--green);border-color:var(--green)}.menu{display:none;margin-left:auto;background:none;border:0;font-size:26px}.btn{display:inline-flex;justify-content:center;align-items:center;background:var(--green);color:#fff;border:0;border-radius:8px;padding:14px 22px;font-weight:800;cursor:pointer;transition:.2s}.btn:hover{background:var(--green2);transform:translateY(-1px)}.btn-small{padding:10px 16px;white-space:nowrap}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.65)}.btn-ghost:hover{background:#fff;color:var(--ink)}.btn-white{background:#fff;color:var(--green)}.hero{min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,26,29,.88) 0%,rgba(5,26,29,.66) 46%,rgba(5,26,29,.16) 100%)}.hero-copy{position:relative;z-index:2;width:min(var(--max),calc(100% - 48px));margin:auto;color:#fff}.kicker{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;margin-bottom:16px}.green{color:var(--green)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(44px,6vw,78px);line-height:1.04;max-width:850px;margin-bottom:22px;letter-spacing:-.04em}.hero p{font-size:20px;max-width:680px;color:#e4eeee}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-points{display:flex;gap:24px;flex-wrap:wrap;margin-top:34px;font-weight:700;font-size:14px}.hero-points span:before{content:'✓';color:#65d39c;margin-right:7px}.strip{display:grid;grid-template-columns:repeat(3,1fr);max-width:var(--max);margin:-40px auto 0;position:relative;z-index:5;background:#fff;border-radius:12px;box-shadow:0 18px 50px rgba(15,38,45,.14);overflow:hidden}.strip div{padding:28px;border-right:1px solid var(--line)}.strip div:last-child{border-right:0}.strip b,.strip span{display:block}.strip span{color:var(--muted);font-size:14px}.section{max-width:var(--max);margin:auto;padding:100px 24px}.section-title{max-width:720px;margin-bottom:42px}.section-title h2,.feature h2,.equipment h2,.simple-hero h1,.center-box h2,.cta h2{font-size:clamp(34px,4vw,54px);line-height:1.1;letter-spacing:-.035em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards.four{grid-template-columns:repeat(4,1fr)}.card{padding:34px;border:1px solid var(--line);border-radius:14px;background:#fff;min-height:270px;transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(15,38,45,.09);border-color:#b8d5c6}.card>span{color:var(--green);font-weight:800}.card h3{font-size:25px;margin:48px 0 12px}.card p{color:var(--muted)}.card b{color:var(--green)}.card.plain{min-height:auto}.card.plain h3{margin:0 0 10px}.feature{display:grid;grid-template-columns:1fr 1fr;min-height:560px;align-items:stretch}.feature>div{padding:90px max(24px,calc((100vw - var(--max))/2));padding-right:70px;display:flex;flex-direction:column;justify-content:center}.feature>img{width:100%;height:100%;object-fit:cover;min-height:560px}.feature.dark{background:var(--ink);color:#fff}.feature.dark p{color:#c7d0d4}.feature.light{background:var(--cream)}.feature .btn{align-self:flex-start;margin-top:18px}.equipment{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.equipment img{border-radius:16px;width:100%;height:500px;object-fit:cover}.ticks{padding:0;list-style:none}.ticks li{padding:10px 0;border-bottom:1px solid var(--line)}.ticks li:before{content:'✓';color:var(--green);font-weight:900;margin-right:10px}.cta{background:var(--green);color:#fff;padding:65px max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin:0}.page-hero.compact{min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;background:var(--ink);color:#fff}.page-hero>div{padding:100px max(24px,calc((100vw - var(--max))/2));padding-right:70px;display:flex;flex-direction:column;justify-content:center}.page-hero img{height:100%;width:100%;object-fit:cover}.page-hero h1{font-size:clamp(42px,5vw,66px);line-height:1.05}.page-hero p{color:#d2dcdf}.page-hero .btn{align-self:flex-start}.simple-hero{max-width:920px;margin:auto;padding:110px 24px 40px;text-align:center}.simple-hero p{font-size:19px;color:var(--muted);max-width:740px;margin:0 auto 28px}.center-box{max-width:1040px;margin:0 auto 100px;padding:60px;background:var(--cream);text-align:center;border-radius:16px}.steps{list-style:none;padding:0}.steps li{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid #d1d8d4}.steps span{color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.gallery figure{margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.gallery button{display:block;width:100%;padding:0;border:0;background:#eee;cursor:zoom-in}.gallery img{width:100%;height:520px;object-fit:cover}.gallery figcaption{padding:20px 24px;display:flex;justify-content:space-between;gap:20px}.gallery figcaption span{color:var(--muted)}.lightbox{position:fixed;inset:0;background:rgba(2,15,18,.94);z-index:100;display:none;align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:90vh;object-fit:contain}.close{position:absolute;top:18px;right:24px;background:none;border:0;color:#fff;font-size:48px;cursor:pointer}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.values>div{padding:36px;background:var(--cream);border-radius:14px}.values span{color:var(--green);font-weight:900}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.contact-card{padding:38px;background:var(--ink);color:#fff;border-radius:16px}.contact-line{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.18)}.contact-line span{color:#d5dedf}.privacy{font-size:13px;color:#aebdc1;margin-top:24px}.quote-form{display:grid;gap:18px}.quote-form label{font-weight:800}.quote-form input,.quote-form select,.quote-form textarea{width:100%;margin-top:7px;padding:14px;border:1px solid #cfd8d3;border-radius:8px;font:inherit;background:#fff}.form-note{font-size:12px;color:var(--muted)}footer{background:#0b2026;color:#fff}.footer-wrap{max-width:var(--max);margin:auto;padding:70px 24px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer-wrap a,.footer-wrap p{display:block;color:#c2ced1;margin:8px 0}.footer-logo{font-size:25px;font-weight:900}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:20px;text-align:center;color:#8fa2a7;font-size:13px}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:40;background:#25d366;color:#fff;padding:13px 18px;border-radius:999px;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.24)}@media(max-width:980px){.site-header{padding:0 18px}.menu{display:block}.site-header>.btn-small{display:none}.nav{position:absolute;left:0;right:0;top:81px;background:#fff;display:none;flex-direction:column;align-items:stretch;padding:12px 24px 24px;box-shadow:0 20px 30px rgba(0,0,0,.08)}.nav.open{display:flex}.nav a{padding:12px 0;border-bottom:1px solid var(--line)}.strip{margin:0;border-radius:0;grid-template-columns:1fr}.strip div{border-right:0;border-bottom:1px solid var(--line)}.cards,.cards.four,.values{grid-template-columns:repeat(2,1fr)}.feature,.equipment,.page-hero.compact,.contact-grid{grid-template-columns:1fr}.page-hero img{max-height:520px}.feature>div,.page-hero>div{padding:70px 28px}.feature>img{min-height:420px}.equipment img{height:420px}.gallery img{height:420px}}@media(max-width:640px){.hero{min-height:660px}.hero-copy{width:calc(100% - 36px)}.hero h1{font-size:44px}.hero p{font-size:17px}.actions .btn{width:100%}.section{padding:72px 18px}.cards,.cards.four,.values,.gallery{grid-template-columns:1fr}.card{min-height:auto}.feature>div{padding:65px 20px}.feature>img{min-height:320px}.equipment{gap:30px}.equipment img{height:300px}.cta{padding:48px 20px;display:block}.cta .btn{margin-top:22px}.simple-hero{padding:80px 18px 25px}.center-box{margin:0 18px 70px;padding:38px 22px}.gallery img{height:auto;max-height:600px;object-fit:contain;background:#eee}.gallery figcaption{display:block}.steps li{grid-template-columns:1fr;gap:4px}.footer-wrap{grid-template-columns:1fr;padding:55px 20px}.whatsapp{right:14px;bottom:14px}.brand span{display:none}}


/* ===== Identité premium Eco Clean Concept ===== */
:root{
  --green:#58751d;
  --green2:#34480f;
  --forest:#07110b;
  --forest2:#0d1b12;
  --gold:#c9a24f;
  --gold2:#e4c779;
  --ink:#111612;
  --muted:#687169;
  --cream:#f6f2e8;
  --line:#ded8c9;
  --white:#fff;
  --max:1180px
}
body{font-family:"Georgia","Times New Roman",serif;background:#fff;color:var(--ink)}
p,.nav,.btn,.kicker,.hero-points,.strip,.card b,.ticks,.contact-grid,
.quote-form,footer,.steps,.gallery figcaption{font-family:Arial,Helvetica,sans-serif}
.site-header{
  height:88px;background:rgba(5,9,7,.97);border-bottom:1px solid rgba(201,162,79,.28);
  box-shadow:0 8px 30px rgba(0,0,0,.18)
}
.brand{min-width:142px;height:72px;overflow:hidden}
.brand img{
  width:138px;height:72px;object-fit:cover;object-position:center;
  border-radius:0;filter:none
}
.nav a{color:#e7e1d4;border-bottom-color:transparent}
.nav a:hover,.nav a.active{color:var(--gold2);border-color:var(--gold)}
.menu{color:#fff}
.btn{
  background:linear-gradient(135deg,var(--gold2),var(--gold));color:#10130e;
  border-radius:2px;text-transform:uppercase;letter-spacing:.08em;font-size:12px
}
.btn:hover{background:linear-gradient(135deg,#f0d88f,#b98d34);color:#070a07}
.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(228,199,121,.7)}
.btn-ghost:hover{background:var(--gold);color:#111}
.btn-white{background:#fff;color:#17200e}
.hero-overlay{
  background:linear-gradient(90deg,rgba(3,8,5,.94) 0%,rgba(5,14,9,.82) 47%,rgba(5,14,9,.22) 100%)
}
.hero h1,.section-title h2,.feature h2,.equipment h2,.simple-hero h1,.center-box h2,.cta h2,
.page-hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:500}
.hero h1{color:#fff;letter-spacing:-.02em}
.kicker{color:var(--gold2)}
.green{color:var(--green)}
.hero-points span:before{color:var(--gold2)}
.strip{border-top:3px solid var(--gold);border-radius:0}
.card{border-radius:2px;border-color:var(--line)}
.card:hover{border-color:var(--gold);box-shadow:0 18px 40px rgba(21,29,18,.12)}
.card>span,.card b,.ticks li:before{color:var(--green)}
.feature.dark,.page-hero.compact{background:linear-gradient(145deg,#040806,#102017)}
.equipment img,.contact-card,.center-box,.gallery figure{border-radius:3px}
.cta{background:linear-gradient(120deg,#07110b,#213213);border-top:1px solid var(--gold);border-bottom:1px solid var(--gold)}
footer{background:#050806;border-top:1px solid rgba(201,162,79,.4)}
.footer-brand{display:flex;align-items:center;gap:16px}
.footer-brand img{width:92px;height:70px;object-fit:cover}
.footer-logo{font-family:Georgia,"Times New Roman",serif;color:var(--gold2);font-weight:500;letter-spacing:.05em}
.whatsapp{background:#223816;border:1px solid var(--gold);border-radius:2px}
.contact-card{background:linear-gradient(145deg,#050806,#122016);border:1px solid rgba(201,162,79,.4)}
.quote-form input,.quote-form select,.quote-form textarea{border-radius:2px}
::selection{background:var(--gold);color:#111}
@media(max-width:980px){
  .nav{background:#07110b}
  .nav a{border-bottom-color:rgba(255,255,255,.12)}
}
@media(max-width:640px){
  .brand{min-width:108px}
  .brand img{width:108px;height:62px}
  .site-header{height:76px}
  .nav{top:75px}
}

/* ===== Correctifs V6 ===== */
.brand{
  min-width:166px;
  height:80px;
  overflow:visible;
  display:flex;
  align-items:center;
}
.brand img{
  width:160px;
  height:76px;
  object-fit:contain;
  object-position:center;
  border-radius:0;
}
.footer-brand img{
  width:116px;
  height:82px;
  object-fit:contain;
}
.copro-hero img{
  object-position:center;
}
.copro-feature img{
  object-position:center;
}
@media(max-width:640px){
  .brand{min-width:122px;height:68px}
  .brand img{width:120px;height:62px}
}

/* ===== Finitions V7 ===== */
.btn-email{display:inline-flex;margin-top:10px;background:transparent;color:var(--gold2);border:1px solid var(--gold)}
.btn-email:hover{background:var(--gold);color:#111}
.contact-line span{overflow-wrap:anywhere}
@media(max-width:640px){.hero img,.page-hero img{object-position:center}.whatsapp{bottom:18px;right:14px}}