*{box-sizing:border-box}
body{margin:0;background:#fff;font-family:'Archivo',system-ui,sans-serif;color:#17241c;-webkit-font-smoothing:antialiased}
a{color:#0a5a34;text-decoration:none} a:hover{color:#c8891a}
img{display:block;max-width:100%} h1,h2,h3,h4{margin:0} p{margin:0}
i-en{display:none} html[data-lang="en"] i-en{display:inline} html[data-lang="en"] i-fr{display:none}
html[data-lang="fr"] .lang-fr,html[data-lang="en"] .lang-en{background:#fff!important;color:#0a5a34!important}
.navlink{position:relative;padding:6px 0;color:#22332a;font-weight:600;font-size:14.5px;transition:color .18s}
.navlink:hover{color:#0a5a34}
.navlink::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:#c8891a;transition:width .22s}
.navlink:hover::after{width:100%}
.navlinks{display:flex;align-items:center;gap:26px}
nav[data-active="accueil"] .nl-accueil,nav[data-active="entreprise"] .nl-entreprise,nav[data-active="activites"] .nl-activites,nav[data-active="produits"] .nl-produits,nav[data-active="relance"] .nl-relance,nav[data-active="actualites"] .nl-actualites{color:#0a5a34}
nav[data-active="accueil"] .nl-accueil::after,nav[data-active="entreprise"] .nl-entreprise::after,nav[data-active="activites"] .nl-activites::after,nav[data-active="produits"] .nl-produits::after,nav[data-active="relance"] .nl-relance::after,nav[data-active="actualites"] .nl-actualites::after{width:100%}
.card{transition:transform .22s,box-shadow .22s} .card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -24px rgba(0,0,0,.4)}
.btn-p{transition:background .18s,transform .18s} .btn-p:hover{background:#c8891a!important;transform:translateY(-2px)}
.btn-g{transition:background .18s,color .18s} .btn-g:hover{background:#0a5a34!important;color:#fff!important}
@keyframes sgpUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.reveal{animation:sgpUp .7s cubic-bezier(.2,.7,.2,1) both}
.reveal-d1{animation-delay:.18s}
.reveal-d2{animation-delay:.34s}
@keyframes sgpGrow{from{width:0}to{width:26px}}
.rule-grow{width:0;animation:sgpGrow .8s cubic-bezier(.2,.7,.2,1) .5s forwards}
@keyframes sgpFrameGlow{0%{box-shadow:0 24px 54px -20px rgba(0,0,0,.55),0 0 0 0 rgba(226,166,58,.45)}70%{box-shadow:0 24px 54px -20px rgba(0,0,0,.55),0 0 0 14px rgba(226,166,58,0)}100%{box-shadow:0 24px 54px -20px rgba(0,0,0,.55),0 0 0 0 rgba(226,166,58,0)}}
.frame-glow{animation:sgpFrameGlow 2.4s ease-out .7s 1 both}
.hamb{display:none}
@media(max-width:960px){
  .navlinks{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fff;padding:14px 22px 22px;border-top:1px solid rgba(0,0,0,.08);box-shadow:0 20px 40px rgba(0,0,0,.12);gap:2px!important}
  nav[data-open="true"] .navlinks{display:flex}
  .navlinks .navlink{padding:13px 0;font-size:16px;border-bottom:1px solid rgba(0,0,0,.05)}
  .hamb{display:inline-flex}
  .hero-grid{grid-template-columns:1fr!important}
  .split-2{grid-template-columns:1fr!important}
}