/* Accueil — ajouts du 27/10/2026 (demande de Dylan) : décors de part et d'autre de la plante qui grandit,
   bloc « Espace professionnel » sur image de fond. Vert de la marque : #079843 (foncé #067a36). */

/* ── Décors autour de la plante (« Un partenaire. À vos côtés. ») ──────────────────────────────────────────
   Illustrations détourées (PNG/WebP transparents) posées au pied de la plante ; elles montent et
   s'affirment avec la croissance (--growth-progress, piloté par app.js). Image absente = rien d'affiché. */
.li-growth-decor {
  position: absolute; bottom: 4%; z-index: 0; width: 46%; aspect-ratio: 2 / 3; pointer-events: none;
  background: var(--decor) center bottom / contain no-repeat;
  opacity: calc(.35 + .65 * var(--growth-progress, 1));
  transform: translateY(calc((1 - var(--growth-progress, 1)) * 26px));
}
.li-growth-decor--left { left: -12%; --decor: url("/img/decors/partenaire-gauche.webp"); }
.li-growth-decor--right { right: -12%; --decor: url("/img/decors/partenaire-droite.webp"); }
.li-growth-botanical .li-growth-plant { z-index: 1; }
@media (max-width: 999px) { .li-growth-decor { width: 40%; } .li-growth-decor--left { left: -6%; } .li-growth-decor--right { right: -6%; } }
@media (prefers-reduced-motion: reduce) { .li-growth-decor { opacity: 1; transform: none; } }

/* ── Bloc « Espace professionnel » ─────────────────────────────────────────────────────────────────────── */
.li-pro { position: relative; isolation: isolate; overflow: hidden; color: #fff; padding: 128px 0; }
.li-pro-bg {
  position: absolute; inset: 0; z-index: -1;
  background:
    linear-gradient(90deg, rgba(4, 22, 12, .94) 0%, rgba(4, 22, 12, .82) 38%, rgba(4, 22, 12, .38) 100%),
    url("/img/espace-pro/fond.webp") center / cover no-repeat,
    radial-gradient(ellipse at 85% 30%, #079843 0%, transparent 55%),
    #0b2a1a;
}
.li-pro-inner { display: grid; grid-template-columns: 1.1fr .9fr; gap: 72px; align-items: end; }
.li-pro .li-kicker { color: #dbe9d2; }
.li-pro .li-kicker i { background: #079843; }
.li-pro h2 { font-size: clamp(44px, 5.4vw, 82px); font-weight: 550; line-height: 1.02; letter-spacing: -.06em; margin: 26px 0 26px; color: #fff; }
.li-pro h2 span { color: #4fd28a; }
.li-pro-lead { max-width: 520px; font-size: 16px; line-height: 1.75; color: #e6efe0; margin: 0 0 36px; }
.li-pro-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 22px 34px; }
.li-pro .li-textlink { color: #fff; border-color: #ffffff80; }
.li-pro-features { list-style: none; margin: 0; padding: 0; border-top: 1px solid #ffffff38; }
.li-pro-features li { display: grid; grid-template-columns: 38px 1fr; gap: 14px; padding: 22px 0; border-bottom: 1px solid #ffffff38; }
.li-pro-features span { font-family: "Manrope", sans-serif; font-size: 10px; letter-spacing: .08em; color: #8fe0b3; padding-top: 6px; }
.li-pro-features h3 { font-size: 21px; font-weight: 550; letter-spacing: -.03em; margin: 0 0 6px; color: #fff; }
.li-pro-features p { font-size: 13px; line-height: 1.65; color: #dce7d6; margin: 0; }
@media (max-width: 999px) {
  .li-pro { padding: 92px 0; }
  .li-pro-inner { grid-template-columns: 1fr; gap: 48px; }
  .li-pro-bg { background:
    linear-gradient(180deg, rgba(4, 22, 12, .9) 0%, rgba(4, 22, 12, .8) 60%, rgba(4, 22, 12, .9) 100%),
    url("/img/espace-pro/fond.webp") 70% center / cover no-repeat, #0b2a1a; }
}
@media (max-width: 639px) { .li-pro { padding: 72px 0; } .li-pro-lead { font-size: 15px; } }