:root{--ink:#17211e;--muted:#69736e;--paper:#f7f6f1;--white:#fff;--green:#c6e86a;--line:#e2e6de}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:auto}.header{background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:800;letter-spacing:-.4px}.mark{display:grid;place-items:center;background:var(--ink);color:white;width:41px;height:41px;border-radius:12px;font-size:24px}.dot{color:var(--green)}nav{display:flex;align-items:center;gap:31px;font-size:13px;font-weight:700}nav a:hover{color:#63822a}.nav-cta{background:var(--ink);color:white;padding:12px 20px;border-radius:7px}.nav-cta:hover{color:var(--green)}.menu{display:none}.hero{padding:90px 0 100px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:12px;border:1px solid #d8ded3;padding:9px 15px;border-radius:100px;letter-spacing:.7px}.pulse{width:9px;height:9px;background:#79a741;border-radius:50%}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:-2px;line-height:1.12}h1{font-size:clamp(43px,5.4vw,76px);margin:28px 0 24px;font-weight:800}h1 em,h2 em{font-style:normal;color:#8aaa46}.lead{font-size:17px;color:var(--muted);max-width:560px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 22px;border-radius:7px;font-weight:800;font-size:13px;border:1px solid var(--ink);cursor:pointer;font-family:inherit}.primary{background:var(--ink);color:white}.primary:hover{background:#304237}.secondary{background:transparent}.secondary:hover{background:#edf0e7}.proof{display:flex;gap:34px;margin-top:75px;border-top:1px solid var(--line);padding-top:23px}.proof div{display:flex;flex-direction:column;gap:2px}.proof b{font-family:Arial;font-size:21px}.proof small{font-size:11px;color:var(--muted)}.hero-art{height:540px;background:#bcd46e;position:relative;border-radius:170px 170px 12px 12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-art:before{content:'';position:absolute;width:420px;height:420px;border:2px solid #263f23;border-radius:50%;transform:translate(110px,-95px)}.hero-art:after{content:'';position:absolute;width:280px;height:280px;background:#dff0a3;border-radius:50%;bottom:-115px;left:-85px}.art-lines{position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0,transparent 42px,#28402316 43px,#28402316 44px)}.art-badge{position:relative;z-index:1;font:800 clamp(34px,4.4vw,65px)/1.07 Arial;letter-spacing:-3px;transform:rotate(-8deg)}.art-badge strong{color:white}.art-bottom{position:absolute;bottom:30px;left:30px;right:30px;display:flex;justify-content:space-between;font-weight:800;font-size:11px;letter-spacing:2px;z-index:2}.art-bottom span{font-size:35px;line-height:15px}.strip{background:var(--ink);color:#dce8cf}.strip-inner{display:flex;justify-content:space-between;gap:15px;padding:23px 0;font-size:11px;font-weight:800;letter-spacing:2px}.strip-inner span:nth-child(even){color:var(--green)}.section{padding:110px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:44px}.section-head>p{max-width:340px;color:var(--muted)}.kicker{color:#7b9a3d;margin:0 0 24px}h2{font-size:clamp(36px,4vw,56px);margin:0 0 26px}h3{font-size:24px;letter-spacing:-1px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{border:1px solid var(--line);background:white;border-radius:11px;padding:30px;min-height:330px;display:flex;flex-direction:column}.num{font-size:12px;color:#859085}.symbol{font-size:42px;color:#89aa4a;margin-top:24px}.service h3{margin:12px 0}.service p{color:var(--muted);font-size:14px}.service a{font-size:12px;font-weight:800;margin-top:auto}.about{background:#eaece4}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.about-grid p:not(.kicker){color:var(--muted)}.about-art{height:475px;border-radius:10px;background:#233b31;display:grid;place-items:center;position:relative;overflow:hidden}.about-art:before,.about-art:after{content:'';position:absolute;width:440px;height:440px;border:1px solid #d2e5b555;border-radius:50%}.about-art:after{width:310px;height:310px}.about-circle{position:relative;z-index:1;color:#d9edb3;font:800 62px/1.03 Arial;letter-spacing:-4px;transform:rotate(-8deg)}.about-circle span{display:block;color:#9ec05c}.ticks{list-style:none;padding:0;margin:28px 0 34px}.ticks li{padding:11px 0;border-bottom:1px solid #cfd6c8;font-size:14px}.ticks li:before{content:'✓';margin-right:14px;color:#719a35;font-weight:800}.portfolio{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project{height:360px;border-radius:9px;display:flex;flex-direction:column;justify-content:end;padding:30px;color:white;position:relative;overflow:hidden}.project:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(140deg,transparent 0,transparent 24px,#ffffff10 25px,#ffffff10 26px)}.project-one{background:linear-gradient(135deg,#3a5b49,#162b23)}.project-two{background:linear-gradient(135deg,#a1b76d,#516c3f)}.project span,.project strong{position:relative}.project span{font-size:11px;letter-spacing:2px}.project strong{font:800 28px Arial;margin-top:10px}.contact{background:#c6e86a;padding:100px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact .kicker{color:#415c21}.contact p:not(.kicker){max-width:380px}.contact-link{display:block;font-weight:800;font-size:20px;margin-top:18px}.contact form{background:white;padding:35px;border-radius:10px;display:flex;flex-direction:column;gap:9px}.contact label{font-weight:800;font-size:12px}.contact input,.contact textarea{border:1px solid #dce2d8;padding:13px;border-radius:6px;font:inherit;margin-bottom:10px;resize:vertical;width:100%}.contact form small{color:var(--muted);font-size:11px}.contact form .btn{align-self:flex-start}footer{background:var(--ink);color:#bfcac0}.foot{display:flex;justify-content:space-between;gap:20px;padding:30px 0;font-size:12px}.foot>a{text-decoration:underline}@media(max-width:850px){.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.hero{padding:55px 0}.hero-art{height:380px;max-width:550px}.services{grid-template-columns:1fr}.service{min-height:260px}.section{padding:70px 0}.section-head{display:block}.proof{margin-top:40px}.menu{display:block;border:0;background:transparent;font-size:26px;cursor:pointer}nav{display:none;position:absolute;top:81px;left:0;right:0;background:var(--paper);padding:24px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}nav.open{display:flex}.strip-inner{flex-wrap:wrap;justify-content:center}.strip-inner span:nth-child(n+6){display:none}}@media(max-width:560px){.container{width:min(100% - 32px,1160px)}.hero-art{height:320px;border-radius:100px 100px 12px 12px}.art-badge{font-size:43px}.proof{gap:18px}.proof small{font-size:10px}.portfolio{grid-template-columns:1fr}.project{height:270px}.contact form{padding:22px}.foot{flex-direction:column}.about-art{height:330px}.about-circle{font-size:48px}}

/* Sections du modèle plomberie */
.price{display:block;margin-top:1.4rem;font-size:1.25rem;color:var(--accent,#e8a94b)}
.notice{font-size:.85rem;opacity:.75;margin-top:1.5rem;max-width:70ch}
.faq{max-width:800px;margin-top:2rem}.faq details{border-bottom:1px solid rgba(128,128,128,.3);padding:1.2rem 0}.faq summary{cursor:pointer;font-weight:700;list-style-position:inside}.faq details p{margin:1rem 0 0;opacity:.8}

/* V3 : démonstration explicite, navigation clavier et polices sans dépendance externe */
.demo-notice{background:#21372e;color:#fff;text-align:center;padding:8px 16px;font-size:12px;font-weight:700;letter-spacing:.03em}
:focus-visible{outline:3px solid #527829;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.contact #formStatus{font-size:13px;color:#8c2d20;margin:0}

/* Accessibilité et liens non configurés */
.skip-link{position:absolute;left:12px;top:-80px;z-index:1000;background:#fff;color:#111;padding:12px 16px;border-radius:8px}
.skip-link:focus{top:12px}
a[aria-disabled="true"]{opacity:.65;cursor:not-allowed;text-decoration:none;pointer-events:none}
:focus-visible{outline:3px solid #f59e0b;outline-offset:4px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* V7 — accueil mobile compact : conserve le style et les fonctionnalités */
@media (max-width:560px){
  .demo-notice{padding:7px 12px;font-size:10px;line-height:1.4;letter-spacing:0}
  .nav{min-height:66px;gap:12px}
  .brand{font-size:14px;gap:10px}
  .mark{width:37px;height:37px;font-size:21px}
  nav{top:65px}
  .hero{padding:28px 0 46px}
  .hero-grid{gap:28px}
  .eyebrow{font-size:10px;letter-spacing:.3px;padding:7px 10px;gap:8px;max-width:100%}
  .hero h1{font-size:clamp(36px,9.3vw,44px);line-height:1.08;letter-spacing:-1.7px;margin:20px 0 15px}
  .hero .lead{font-size:15px;line-height:1.55;margin:0}
  .hero .actions{margin-top:22px;gap:9px}
  .hero .btn{padding:12px 15px;font-size:12px;min-height:47px;gap:12px}
  .hero .proof{margin-top:28px;padding-top:17px;gap:12px}
  .hero .proof b{font-size:17px}
  .hero .proof small{font-size:9px}
}