/* ===========================================================
   TASKIA — Design system partagé
   Palette : forêt profonde (identité, WhatsApp) + blanc/sauge (clarté)
   Blocs sombres (hero / prix / CTA final) en vert forêt pour rythmer la page
   (noms de variables historiques conservés, valeurs mises à jour)
=========================================================== */
:root{
  --navy-900:#FFFFFF;
  --navy-800:#F3F6F1;
  --navy-700:#E7EEE3;
  --navy-600:#D9E4D3;
  --gold:#1B6B4A;
  --gold-light:#23A66B;
  --gold-dim:rgba(27,107,74,0.08);
  --wa-green:#25D366;
  --w:#12161A;
  --on-accent:#FFFFFF;
  --t85:rgba(18,22,26,0.82);
  --t70:rgba(18,22,26,0.66);
  --t50:rgba(18,22,26,0.48);
  --t30:rgba(18,22,26,0.30);
  --t15:rgba(18,22,26,0.14);
  --t08:rgba(18,22,26,0.05);
  --border:rgba(18,22,26,0.09);
  --gold-border:rgba(27,107,74,0.26);
  --forest-900:#0E2B21;
  --forest-800:#153B2B;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',sans-serif;
  background:var(--navy-900);
  color:var(--w);
  overflow-x:hidden;
  line-height:1.7;
  letter-spacing:0.01em;
}
a{color:inherit}
img{max-width:100%;display:block}

/* ─ NAV ─ */
nav.site-nav{
  position:fixed;top:0;left:0;right:0;z-index:500;
  padding:16px 6%;
  display:flex;justify-content:space-between;align-items:center;
  transition:all .3s;
}
nav.site-nav.scrolled{
  background:rgba(250,246,236,0.86);
  backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);
}
.logo{
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:23px;
  color:var(--w);text-decoration:none;letter-spacing:-0.3px;
}
.logo em{color:var(--gold);font-style:normal;}
.nav-r{display:flex;align-items:center;gap:26px;}
.nav-r a{font-size:14px;color:var(--t70);text-decoration:none;font-weight:500;transition:color .2s;}
.nav-r a:hover{color:var(--w);}
.nav-cta{
  background:var(--gold);color:var(--on-accent);
  padding:10px 22px;border-radius:100px;
  font-size:14px;font-weight:700;text-decoration:none;
  transition:all .2s;
}
.nav-cta:hover{background:var(--gold-light);transform:translateY(-1px);}
.nav-drop{position:relative;}
.nav-drop-menu{
  position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);
  background:var(--navy-800);border:1px solid var(--border);border-radius:14px;
  padding:10px;min-width:200px;
  opacity:0;visibility:hidden;transform-origin:top center;
  transition:opacity .2s,visibility .2s;
  box-shadow:0 20px 40px rgba(24,27,34,0.12);
}
.nav-drop:hover .nav-drop-menu{opacity:1;visibility:visible;}
.nav-drop-menu a{display:block;padding:9px 12px;border-radius:8px;font-size:13.5px;}
.nav-drop-menu a:hover{background:var(--t08);color:var(--gold-light);}

/* nav flottante sur le hero sombre : texte clair tant qu'on n'a pas scrollé */
nav.site-nav:not(.scrolled) .logo{color:#F4F7F1;}
nav.site-nav:not(.scrolled) .logo em{color:#8FE3B8;}
nav.site-nav:not(.scrolled) .nav-r a:not(.nav-cta){color:rgba(244,247,241,0.75);}
nav.site-nav:not(.scrolled) .nav-r a:not(.nav-cta):hover{color:#F4F7F1;}

/* ─ BUTTONS ─ */
.btn-gold{
  background:var(--gold);color:var(--on-accent);
  padding:16px 32px;border-radius:100px;
  font-size:15px;font-weight:700;text-decoration:none;
  transition:all .25s;display:inline-flex;align-items:center;gap:8px;
  border:none;cursor:pointer;font-family:'Inter',sans-serif;
}
.btn-gold:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 14px 34px rgba(27,107,74,0.28);}
.btn-ghost{
  background:transparent;color:var(--t70);
  padding:16px 24px;border-radius:100px;
  font-size:15px;text-decoration:none;
  border:1px solid var(--border);transition:all .2s;
  font-weight:500;display:inline-flex;align-items:center;gap:8px;
}
.btn-ghost:hover{border-color:var(--t30);color:var(--w);}

/* ─ GENERIC SECTIONS ─ */
.s{padding:100px 6%;max-width:1240px;margin:0 auto;}
.s-head{text-align:center;margin-bottom:56px;}
.eyebrow{
  display:inline-block;
  font-size:11px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--gold);margin-bottom:14px;
}
.s-title{
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(28px,3.6vw,46px);
  font-weight:600;letter-spacing:-0.5px;line-height:1.12;
  margin-bottom:14px;
}
.s-sub{font-size:17px;color:var(--t50);max-width:520px;margin:0 auto;line-height:1.75;font-weight:300;}

/* ─ REVEAL ─ */
.rv{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease;}
.rv.vis{opacity:1;transform:translateY(0);}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}

/* ─ FOOTER ─ */
footer{
  padding:56px 6% 40px;
  border-top:1px solid var(--border);
  max-width:1240px;margin:0 auto;
}
.ft-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:32px;margin-bottom:40px;}
.ft-brand .logo{font-size:20px;}
.ft-tagline{font-size:13px;color:var(--t30);line-height:1.7;max-width:220px;margin-top:10px;}
.ft-col{display:flex;flex-direction:column;gap:10px;}
.ft-col strong{font-size:11px;color:var(--t50);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;}
.ft-col a{font-size:13px;color:var(--t50);text-decoration:none;transition:color .2s;font-weight:400;}
.ft-col a:hover{color:var(--w);}
.ft-col span{font-size:13px;color:var(--t50);line-height:2;font-weight:300;}
.ft-bottom{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;
  padding-top:24px;border-top:1px solid var(--t08);
}
.ft-copy{font-size:12px;color:var(--t30);}

@media(max-width:960px){
  .nav-r a:not(.nav-cta){display:none;}
  .ft-top{flex-direction:column;}
}