:root{
  --ink:#173d34; --ink2:#173e75; --sage:#6f8b75; --jade:#39bda6;
  --linen:#f4eedf; --ivory:#fffaf0; --terra:#b94d34; --gold:#c99d4a;
  --shadow:0 18px 50px rgba(49,42,30,.14);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:#163c34;background:#efe8d8;font-family:Georgia,'Times New Roman',serif;line-height:1.55}
.no-copy{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}
a{color:inherit}
.page-bg{min-height:100vh;background:
 linear-gradient(rgba(255,250,240,.80),rgba(255,250,240,.88)),
 url('../../images/vincent_gassies_acmos_bioenergetique_bioenergie_centre_de_formation.png') center/cover fixed}
.sitebar{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);background:rgba(255,250,240,.88);border-bottom:1px solid rgba(23,61,52,.13)}
.sitebar-inner{max-width:1280px;margin:auto;padding:12px 22px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;letter-spacing:.03em}.brand img{width:48px;height:48px;object-fit:contain}.brand small{display:block;font-weight:400;font-size:.72rem;color:#6f6659}
.nav{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}.nav a{text-decoration:none;padding:8px 11px;border-radius:999px}.nav a:hover,.nav a:focus-visible{background:#e5efe8;outline:none}
.hero{max-width:1280px;margin:auto;padding:48px 22px 26px;text-align:center}.eyebrow{font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:#7c6d57}.hero h1{font-size:clamp(2.4rem,5vw,5rem);line-height:.95;margin:.2em 0;color:#0c4d3f}.hero p{font-size:clamp(1rem,2vw,1.28rem);max-width:860px;margin:0 auto;color:#334f48}.triad{margin-top:14px;font-weight:700;letter-spacing:.08em}.triad .r{color:#b43b2b}.triad .b{color:#1e5f9b}
.hero-instruction{font-size:clamp(.95rem,1.7vw,1.12rem)!important;margin:10px auto 0!important;color:#5b574f!important;font-style:italic}
.container{max-width:1280px;margin:auto;padding:0 22px 60px}
.panel{background:rgba(255,252,245,.88);border:1px solid rgba(56,91,77,.18);box-shadow:var(--shadow);border-radius:var(--radius)}
.poster-stage{overflow-x:auto;position:relative}
.poster-map{position:relative;width:100%;min-width:0}
.poster-map img.poster{width:100%;display:block;height:auto}
.poster-map::after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);border-radius:var(--radius)}
.hotspot{position:absolute;display:block;border:1.5px solid transparent;border-radius:12px;transition:.18s ease;background:rgba(255,255,255,0);text-indent:-9999px;overflow:visible;cursor:pointer;z-index:3}
.hotspot:hover,.hotspot:focus-visible{border-color:rgba(20,100,77,.78);background:rgba(92,155,129,.10);box-shadow:0 0 0 5px rgba(255,255,255,.55),0 0 24px rgba(30,99,77,.22);outline:none}
/* Coordonnées basées sur l'affiche 1536 × 1024. */
.hs-sagesse{left:6.4%;top:12.4%;width:17.2%;height:6.5%}
.hs-quantique{left:73.2%;top:12.4%;width:21.8%;height:6.7%}
.hs-connexion{left:4.0%;top:28.2%;width:19.8%;height:7.1%}
.hs-plexus{left:4.0%;top:35.7%;width:19.8%;height:7.0%}
.hs-lymphatique{left:3.7%;top:43.2%;width:20.2%;height:8.3%}
.hs-champs{left:3.7%;top:51.8%;width:20.2%;height:8.1%}
.hs-ting{left:1.8%;top:59.6%;width:22.0%;height:22.0%}
.hs-desequilibres{left:28.0%;top:33.0%;width:19.4%;height:5.0%}
.hs-emotions{left:28.0%;top:38.2%;width:19.4%;height:5.1%}
.hs-blocages{left:28.0%;top:43.4%;width:19.4%;height:5.0%}
.hs-deficits{left:28.0%;top:48.6%;width:19.4%;height:5.0%}
.hs-desordres{left:28.0%;top:53.8%;width:19.4%;height:5.0%}
.hs-hierarchisation{left:27.6%;top:62.4%;width:20.0%;height:19.2%}
.hs-corriger{left:50.9%;top:21.6%;width:20.8%;height:60.7%;z-index:2}
.hs-quantacmos{left:75.8%;top:28.3%;width:19.0%;height:10.8%}
.hs-reequilibrage{left:85.8%;top:54.2%;width:11.6%;height:6.0%}
.hs-autoguerison{left:85.8%;top:60.0%;width:11.6%;height:6.1%}
.hs-harmonie{left:85.8%;top:66.0%;width:11.6%;height:6.3%}
.hs-objectifs{left:1.5%;top:84.5%;width:37.1%;height:10.7%}
.hs-approche{left:39.0%;top:84.5%;width:32.7%;height:10.7%}
.hs-sbj{left:41.2%;top:95.7%;width:15.7%;height:3.6%}

.poster-help{text-align:center;padding:14px;font-size:.95rem;color:#5b574f}.poster-help strong{color:#0e6d55}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}.card{padding:22px;min-height:210px;position:relative}.card .num{position:absolute;right:18px;top:15px;font-size:3rem;line-height:1;color:rgba(25,78,61,.16)}.card h2{font-size:1.18rem;margin:.2em 0 .45em}.card p{font-size:.95rem;color:#5a5b55}.button{display:inline-flex;align-items:center;gap:.5em;margin-top:8px;padding:10px 15px;border-radius:999px;background:#0d6e56;color:#fff;text-decoration:none;font-family:Arial,sans-serif;font-size:.9rem}.button:hover{filter:brightness(1.08)}
.device-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;padding:34px}.device-hero figure{margin:0;background:rgba(255,255,255,.66);border-radius:18px;padding:18px;text-align:center}.device-hero figure img{max-width:100%;max-height:520px;object-fit:contain}.device-hero h1{font-size:clamp(2.2rem,5vw,4.6rem);line-height:1;margin:.15em 0}.device-hero .lead{font-size:1.15rem;color:#4d5b55}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.fact{padding:20px}.fact h3{margin-top:0;font-size:1rem}.fact p{font-size:.92rem;color:#555f59}.back{display:inline-block;margin:24px 0;text-decoration:none;font-family:Arial,sans-serif;color:#0e6d55;font-weight:700}
footer{max-width:1280px;margin:auto;padding:24px 22px 38px;color:#5f5b52;font-size:.86rem;text-align:center}.footerlinks{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.footerlinks a{color:#0e5f4a}
@media(max-width:900px){.nav{display:none}.cards{grid-template-columns:1fr 1fr}.device-hero{grid-template-columns:1fr}.poster-help{font-size:.88rem}}
@media(max-width:560px){.hero{padding-top:28px}.cards{grid-template-columns:1fr}.poster-map{min-width:900px}.device-hero{padding:22px}.facts{grid-template-columns:1fr}}


/* V4 : couche interactive indépendante et prioritaire */
.poster-map img.poster{position:relative;z-index:1;pointer-events:none;user-select:none}
.acmos-map-layer{position:absolute;inset:0;z-index:100;pointer-events:none}
.acmos-clickzone{position:absolute;display:block;pointer-events:auto!important;cursor:pointer!important;border:2px solid transparent;border-radius:12px;background:rgba(255,255,255,.001);transition:.18s ease;text-decoration:none;overflow:visible}
.acmos-clickzone:hover,.acmos-clickzone:focus-visible{border-color:rgba(20,100,77,.82);background:rgba(92,155,129,.12);box-shadow:0 0 0 4px rgba(255,255,255,.72),0 0 24px rgba(30,99,77,.28);outline:none}
.acmos-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.acmos-link-fallback{margin:14px auto 24px;display:flex;flex-wrap:wrap;gap:7px;justify-content:center;align-items:center;font-family:Arial,sans-serif;font-size:.82rem;color:#4e5954}
.acmos-link-fallback strong{margin-right:4px;color:#173d34}
.acmos-link-fallback a{padding:5px 9px;border:1px solid rgba(23,61,52,.18);border-radius:999px;background:rgba(255,252,245,.8);text-decoration:none}
.acmos-link-fallback a:hover,.acmos-link-fallback a:focus-visible{background:#e5efe8;outline:none}
