/* Gouverne · haut de page « le guide » (01/11/2026) : une grande phrase sur deux lignes, et un petit robot qui accompagne la visite. */
html{background:#F6F8F6}
.gh{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;overflow:hidden;color:#101513;
  font-family:'Manrope','Manrope Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  background:radial-gradient(70% 55% at 50% 34%,#ffffff 0%,rgba(255,255,255,0) 72%),#F6F8F6}
.gh>*{position:relative}

/* barre de navigation */
.gh-nav{position:fixed;z-index:60;top:14px;left:max(18px,calc((100vw - 1360px) / 2));right:max(18px,calc((100vw - 1360px) / 2));height:64px;display:flex;align-items:center;gap:clamp(16px,2.6vw,36px);
  padding:0 10px 0 22px;border-radius:20px;background:rgba(255,255,255,.76);border:1px solid rgba(16,21,19,.08);
  -webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:0 10px 30px -22px rgba(16,21,19,.35)}
.gh-logo{display:flex;align-items:center;gap:10px;font-family:'Sora','Sora Fallback',sans-serif;font-weight:700;font-size:23px;letter-spacing:-.03em;color:#101513}
.gh-logo svg{width:32px;height:32px}
.gh-links{display:flex;gap:clamp(18px,2.6vw,38px);margin-left:auto;font-size:15.5px;font-weight:700}
.gh-links a,.gh-in{color:#101513;opacity:.82;transition:opacity .3s}
.gh-links a:hover,.gh-in:hover{opacity:1}
.gh-in{font-size:15.5px;font-weight:700;white-space:nowrap}
.gh-btn{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 8px 0 20px;border-radius:14px;background:#07734A;color:#fff;font-weight:800;font-size:15.5px;white-space:nowrap;
  box-shadow:0 1px 0 rgba(255,255,255,.28) inset,0 12px 26px -12px rgba(7,115,74,.7);transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s}
.gh-btn:hover{background:#065C3B;transform:translateY(-1px)}
.gh-btn:active{transform:scale(.98)}
.gh-btn i{width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.16);display:grid;place-items:center}
.gh-btn i svg{width:13px;height:13px}
.gh-nav .gh-sm{display:none}

/* la phrase : toujours deux lignes, la plus grande possible */
.gh-in-wrap{width:100%;max-width:1360px;padding:clamp(118px,15vh,170px) clamp(18px,3vw,40px) 0;display:flex;flex-direction:column;align-items:center;text-align:center}
.gh-t{margin:0;font-family:'Sora','Sora Fallback','Manrope',sans-serif;font-weight:700;letter-spacing:-.048em;line-height:1.02;font-size:min(5.6vw,118px);width:100%}
.gh-t .l{display:block;white-space:nowrap}
.gh-t .l+.l{color:#0C9E63}
.gh-lead{margin:clamp(22px,3vh,34px) 0 0;max-width:700px;font-size:clamp(15px,1.2vw,18px);line-height:1.6;color:#46524D;font-weight:500}
.gh-lead b{color:#101513;font-weight:700}
.gh-ctas{display:flex;gap:12px;margin-top:clamp(22px,3.2vh,34px);flex-wrap:wrap;justify-content:center}
.gh-ctas .gh-btn{height:54px;font-size:16px;padding:0 9px 0 24px;border-radius:16px}
.gh-ctas .gh-btn i{width:34px;height:34px;border-radius:11px}
.gh-ghost{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 20px 0 9px;border-radius:16px;font-weight:700;font-size:16px;color:#101513;white-space:nowrap;
  background:linear-gradient(180deg,#fff,#F7F9F8);border:1.5px solid rgba(16,21,19,.2);box-shadow:0 1px 0 #fff inset,0 10px 22px -14px rgba(16,21,19,.4);
  transition:border-color .4s,transform .4s cubic-bezier(.2,.8,.2,1)}
.gh-ghost:hover{border-color:#07734A;transform:translateY(-1px)}
.gh-ghost svg{box-sizing:content-box;width:16px;height:16px;padding:8px;border-radius:11px;color:#07734A;background:rgba(7,115,74,.08);box-shadow:inset 0 0 0 1px rgba(7,115,74,.16)}
.gh-reass{display:flex;align-items:center;gap:7px;margin:16px 0 0;font-size:13.5px;font-weight:500;color:#46524D}
.gh-reass b{font-weight:700;color:#101513}
.gh-reass span{color:rgba(16,21,19,.35)}
.gh-reass svg{width:15px;height:15px;color:#0C9E63}
.gh-feats{list-style:none;display:flex;align-items:center;margin:18px 0 0;padding:5px 6px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid rgba(16,21,19,.08);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 22px 44px -26px rgba(16,21,19,.45),0 2px 6px rgba(16,21,19,.05)}
.gh-feats li{position:relative;display:flex;align-items:center;gap:8px;height:32px;padding:0 13px 0 5px;font-size:13px;font-weight:700;color:#101513;white-space:nowrap}
.gh-feats li+li::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;background:rgba(16,21,19,.12)}
.gh-feats li>svg{box-sizing:content-box;width:13px;height:13px;padding:6px;border-radius:50%;background:#07734A;color:#fff}
.gh-feats .st{display:flex;gap:1px;padding:0 3px}
.gh-feats .st svg{width:12px;height:12px;color:#F5B400}
/* la place du robot dans l'accueil */
.gh-dock{width:100%;flex:1 0 auto;min-height:clamp(200px,30vh,330px)}

/* entrée */
.gh-t .l>span{display:inline-block;transform:translateY(105%);opacity:0;animation:ghRise 1s cubic-bezier(.2,.8,.15,1) forwards}
.gh-t .l{overflow:hidden;padding-bottom:.06em}
.gh-t .l+.l>span{animation-delay:.1s}
.gh-up{opacity:0;animation:ghUp .9s cubic-bezier(.2,.8,.15,1) forwards}
.gh-lead.gh-up{animation-delay:.28s}.gh-ctas.gh-up{animation-delay:.38s}.gh-reass.gh-up{animation-delay:.46s}.gh-feats.gh-up{animation-delay:.52s}
@keyframes ghRise{to{transform:none;opacity:1}}
@keyframes ghUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.gh-t .l>span,.gh-up{animation:none;opacity:1;transform:none}}

/* le robot : une toile fixe, transparente, qui ne bloque jamais un clic */
#gv-bot{position:fixed;inset:0;z-index:40;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 1s ease}
#gv-bot.ready{opacity:1}

/* le film qui suit enchaîne sur le fond de l'accueil */
#film{background:linear-gradient(180deg,#F6F8F6 0,var(--f-dk,#101513) 220px)}

@media (max-width:900px){ .gh-links{display:none} .gh-in{margin-left:auto} }
@media (max-width:760px){
  .gh-nav{top:10px;height:58px;padding:0 8px 0 16px;gap:14px}
  .gh-logo{font-size:20px}.gh-logo svg{width:28px;height:28px}
  .gh-in{font-size:14.5px}
  .gh-nav .gh-btn{height:42px;font-size:14.5px;padding:0 6px 0 14px}
  .gh-nav .gh-btn i{width:28px;height:28px}
  .gh-nav .gh-lg{display:none}.gh-nav .gh-sm{display:inline}
  .gh-in-wrap{padding-top:104px}
  .gh-ctas{flex-direction:column;align-items:stretch;width:100%;max-width:420px}
  .gh-ctas .gh-btn,.gh-ghost{justify-content:center}
  .gh-feats{flex-wrap:wrap;justify-content:center;row-gap:10px;column-gap:16px;background:none;border:0;box-shadow:none;padding:0;max-width:360px}
  .gh-feats li{padding:0;font-size:13px}
  .gh-feats li+li::before{display:none}
  .gh-dock{min-height:230px}
}
.gh-dock{margin-top:22px}
@media (max-width:760px){
  .gh-nav{left:10px;right:10px;gap:10px;padding:0 6px 0 14px}
  .gh-logo{font-size:18px;gap:8px}.gh-logo svg{width:26px;height:26px}
  .gh-in{font-size:14px}
  .gh-nav .gh-btn{padding:0 14px;height:40px;font-size:14px}
  .gh-nav .gh-btn i{display:none}
}
/* barre de menu : toujours blanche, même au-dessus des sections sombres */
.gh-nav{background:rgba(255,255,255,.97);-webkit-backdrop-filter:none;backdrop-filter:none}
/* le robot vit à gauche : l'accueil n'a plus besoin de lui garder une place en dessous */
.gh-dock{min-height:clamp(48px,9vh,110px)!important;flex:0 0 auto}
.gh{justify-content:center;padding-bottom:clamp(30px,6vh,70px)}
.gh-in-wrap{padding-top:clamp(110px,14vh,150px)}
@media (max-width:760px){ .gh-dock{min-height:150px!important} }

/* page web mobile (01/11) : titre plus grand, boutons côte à côte et plus petits, avis Google en dernière ligne */
.gh-in-wrap .gh-sm{display:none}
@media (max-width:760px){
  .gh-t .l+.l{white-space:normal;text-wrap:balance}
  .gh-t{line-height:1.06}
  .gh-ctas{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center;gap:8px;width:auto!important}
  .gh-ctas .gh-btn{height:44px;font-size:14.5px;padding:0 6px 0 14px;border-radius:13px;gap:8px}
  .gh-ctas .gh-btn i{width:28px;height:28px;border-radius:9px}
  .gh-ghost{height:44px;font-size:14.5px;padding:0 14px 0 6px;border-radius:13px;gap:8px}
  .gh-ghost svg{width:14px;height:14px;padding:6px;border-radius:9px}
  .gh-in-wrap .gh-lg{display:none}.gh-in-wrap .gh-sm{display:inline}
  .gh-feats{column-gap:14px;row-gap:10px}
  .gh-feats li.gh-g{flex-basis:100%;justify-content:center}
}
@media (max-width:760px){ .gh-dock{min-height:160px!important} }
@media (max-width:370px){
  .gh-nav{gap:8px;padding:0 5px 0 12px}
  .gh-logo{font-size:16px;gap:6px}.gh-logo svg{width:22px;height:22px}
  .gh-in{font-size:13px}
  .gh-nav .gh-btn{padding:0 11px;font-size:13px;height:38px}
  .gh-ctas .gh-btn{font-size:13.5px;padding:0 5px 0 12px}
  .gh-ghost{padding:0 6px;font-size:0;gap:0}
  .gh-ghost .gh-sm{display:none!important}
}