:root{
  --green-900: var(--wp--preset--color--primary-dark, #2B2F33);--green-800: var(--wp--preset--color--primary, #40464D);--green-600: var(--wp--preset--color--accent, #EF642A);--green-500: var(--wp--preset--color--accent-2, #FF7A3D);--green-deep:color-mix(in srgb, var(--wp--preset--color--accent,#EF642A) 82%, #000);
  --light-on-dark:#EDEFF2;--muted-on-dark:#AEB4BC;
  --ink: var(--wp--preset--color--text, #16191C);--ink-muted: var(--wp--preset--color--muted, #5C636A);--surface-soft: var(--wp--preset--color--bg-alt, #F3F4F6);--white: var(--wp--preset--color--white, #FFFFFF);--border: var(--wp--preset--color--bg-alt,#E4E7EC);
  --green-soft: color-mix(in srgb, var(--wp--preset--color--accent,#EF642A) 12%, #fff);--star:#FBBC05;--maxw:1240px;--ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--wp--preset--font-family--body,"Inter",system-ui,sans-serif);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;line-height:1.5}
h1,h2,h3,h4{font-family:var(--wp--preset--font-family--display,"Plus Jakarta Sans","Inter",sans-serif);line-height:1.15}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,5vw,56px);width:100%}
.ic{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle}
.ic.fill{fill:currentColor;stroke:none}
.sec{padding:clamp(56px,8vw,88px) 0}
.eyebrow{font-family:var(--wp--preset--font-family--display,"Plus Jakarta Sans");font-size:13px;font-weight:700;letter-spacing:1.5px;color:var(--green-deep);display:inline-flex;align-items:center;gap:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--wp--preset--font-family--display,"Plus Jakarta Sans");font-weight:800;cursor:pointer;border:none;transition:transform .14s var(--ease),background .2s,filter .2s;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn-bright{background:var(--green-600);color:#fff}
.btn-bright:hover{filter:brightness(1.05)}
:focus-visible{outline:2.5px solid var(--green-500);outline-offset:2px}

/* ============ HERO CLAIR COMPACT (style sous-rubrique, sans image) ============ */
.hero{background:var(--white);padding:40px 0 48px}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-muted);flex-wrap:wrap;margin-bottom:34px}
.breadcrumb .ic{width:14px;height:14px;color:var(--ink-muted)}
.breadcrumb b{color:var(--green-600);font-weight:700}
.hero .eyebrow{margin-top:18px}
.hero h1{font-family:var(--wp--preset--font-family--display,"Plus Jakarta Sans");font-size:clamp(32px,4.6vw,48px);font-weight:800;line-height:1.08;color:var(--ink);margin:12px 0 0;max-width:760px}
.hero .chapeau{font-size:17px;line-height:1.65;color:var(--ink-muted);max-width:760px;margin-top:16px}
.hero .chapeau a{color:var(--green-deep);font-weight:600;text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px;transition:text-decoration-color .18s}
.hero .chapeau a:hover{text-decoration-color:currentColor}

/* ============ CTA FINAL ============ */
.cta-final{background:linear-gradient(rgba(24,26,29,.78),rgba(24,26,29,.84)),url("https://smoketest2.mindset-dev.fr/wp-content/uploads/2026/07/hero-rubrique-1.jpg") center/cover fixed;text-align:center}
@media(max-width:900px){.cta-final{background-attachment:scroll}} /* iOS/mobile : fixed mal supporté */
.cta-final h2{font-family:var(--wp--preset--font-family--display,"Plus Jakarta Sans");font-size:clamp(30px,4.4vw,44px);font-weight:800;color:var(--light-on-dark);max-width:820px;margin:12px auto 0;line-height:1.15}
.cta-final .sub{font-size:18px;line-height:1.55;color:var(--muted-on-dark);max-width:680px;margin:18px auto 0}
.cta-final .btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.cta-final .btn{border-radius:12px;padding:18px 32px;font-size:17px}
.cta-final .btn-outline{background:transparent;border:1px solid var(--muted-on-dark);color:var(--light-on-dark);font-weight:700}

/* ============ RESPONSIVE ============ */
@media(max-width:760px){
  .hero{padding:32px 0 40px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}


/* ============ À PROPOS ============ */
.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,5vw,64px);align-items:center}
.about-txt h2{font-size:clamp(26px,3.4vw,36px);font-weight:800;color:var(--ink);margin:12px 0 18px}
.about-txt p{font-size:16.5px;line-height:1.7;color:var(--ink-muted);margin-bottom:16px}
.about-txt a{color:var(--green-deep);font-weight:600;text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px}
.about-txt a:hover{text-decoration-color:currentColor}
.about-img img{border-radius:18px;width:100%;height:auto;object-fit:cover}
.sec-soft{background:var(--surface-soft)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.stat .v{font-family:var(--wp--preset--font-family--display,"Plus Jakarta Sans");font-size:clamp(30px,4vw,44px);font-weight:800;color:var(--green-deep)}
.stat .l{font-size:14.5px;color:var(--ink-muted);margin-top:6px}
.shead{margin-bottom:32px}
.shead h2{font-size:clamp(26px,3.4vw,36px);font-weight:800;color:var(--ink);margin-top:12px}
.garanties{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.gar{display:flex;gap:16px;background:var(--white);border:1px solid var(--border);border-radius:16px;padding:24px}
.gar .ic-sq{flex:none;width:44px;height:44px;border-radius:12px;background:var(--green-soft);color:var(--green-deep);display:flex;align-items:center;justify-content:center}
.gar h3{font-size:17px;font-weight:800;color:var(--ink);margin-bottom:6px}
.gar p{font-size:14.5px;line-height:1.6;color:var(--ink-muted)}
@media(max-width:900px){
  .about-grid{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .garanties{grid-template-columns:1fr}
}