@charset "utf-8";

/* Intro officielle Zoanthus Lab */
.zoa-lab-intro-overlay *{box-sizing:border-box}.zoa-lab-intro-overlay{position:fixed;inset:0;z-index:99999;background:#f1f1f1;opacity:1;visibility:visible;transition:opacity .45s ease,visibility .45s ease}.zoa-lab-intro-overlay.is-leaving{opacity:0;visibility:hidden}.zoa-lab-intro-screen{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.zoa-lab-intro-screen:after{content:"";position:absolute;inset:0;background:rgba(241,241,241,0);pointer-events:none;z-index:10;transition:background .45s ease}.zoa-lab-intro-coral{position:absolute;bottom:0;width:min(29vw,230px);opacity:.20;pointer-events:none;z-index:0;transition:opacity .45s ease,transform .45s ease,filter .45s ease}.zoa-lab-intro-coral--left{left:0;transform:translate(-8%,8%)}.zoa-lab-intro-coral--right{right:0;transform:translate(8%,8%)}.zoa-lab-intro-bubble{position:absolute;border-radius:50%;border:6px solid rgba(119,199,212,.68);opacity:0;z-index:1;pointer-events:none;animation:zoaLabIntroBubbleUp linear infinite;transition:opacity .35s ease,transform .45s ease,filter .45s ease}.zoa-lab-intro-bubble--1{width:20px;height:20px;left:70%;top:26%;animation-duration:5.6s;animation-delay:.2s}.zoa-lab-intro-bubble--2{width:13px;height:13px;left:73%;top:32%;animation-duration:6.4s;animation-delay:1s}.zoa-lab-intro-bubble--3{width:30px;height:30px;left:86%;top:54%;animation-duration:6.8s;animation-delay:.6s}.zoa-lab-intro-bubble--4{width:10px;height:10px;left:71%;top:67%;animation-duration:5.8s;animation-delay:1.4s}.zoa-lab-intro-bubble--5{width:12px;height:12px;left:10%;top:72%;animation-duration:7.2s;animation-delay:1.2s}.zoa-lab-intro-center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(84vw,430px);padding:24px 16px 44px;animation:zoaLabIntroFadeInUp 850ms ease-out both;transition:opacity .42s ease,transform .42s ease,filter .42s ease}.zoa-lab-intro-logoBubble{width:min(48vw,230px);aspect-ratio:1/1;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 16px 40px rgba(28,45,90,.08),inset 0 0 0 1px rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;position:relative;animation:zoaLabIntroFloaty 4s ease-in-out 1s infinite;transition:opacity .42s ease,transform .42s ease,box-shadow .42s ease,filter .42s ease}.zoa-lab-intro-logoBubble:after{content:"";position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.72) 100%);z-index:0}.zoa-lab-intro-logoWrap{position:relative;z-index:1;width:84%;display:flex;align-items:center;justify-content:center;transition:opacity .42s ease,transform .42s ease}.zoa-lab-intro-logoWrap img{width:100%;height:auto;display:block}.zoa-lab-intro-title{margin-top:26px;color:#1c2d5a;font-size:clamp(30px,7vw,50px);line-height:1;font-weight:700;letter-spacing:.09em;text-align:center;opacity:0;animation:zoaLabIntroFadeIn 700ms ease-out .35s forwards;transition:opacity .38s ease,transform .38s ease,filter .38s ease}.zoa-lab-intro-subtitle{margin-top:10px;color:rgba(28,45,90,.58);font-size:clamp(12px,2.8vw,16px);line-height:1;font-weight:600;letter-spacing:.22em;text-transform:uppercase;text-align:center;opacity:0;animation:zoaLabIntroFadeIn 700ms ease-out .55s forwards;transition:opacity .34s ease,transform .34s ease,filter .34s ease}.zoa-lab-intro-loader{position:relative;margin-top:24px;width:96px;height:3px;background:rgba(28,45,90,.10);border-radius:999px;overflow:hidden;opacity:0;animation:zoaLabIntroFadeIn 500ms ease-out .75s forwards;transition:opacity .3s ease,transform .3s ease}.zoa-lab-intro-loader:before{content:"";position:absolute;inset:0 auto 0 0;width:38%;background:#77c7d4;border-radius:999px;animation:zoaLabIntroLoadBar 1.65s ease-in-out infinite}.zoa-lab-intro-shadow{position:absolute;left:50%;bottom:15%;width:min(44vw,180px);height:30px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(119,199,212,.22) 0%,rgba(119,199,212,0) 72%);filter:blur(10px);z-index:1;transition:opacity .45s ease,transform .45s ease,filter .45s ease}.zoa-lab-intro-overlay.is-leaving .zoa-lab-intro-screen:after{background:rgba(241,241,241,.96)}.zoa-lab-intro-overlay.is-leaving .zoa-lab-intro-center{opacity:0;transform:translateY(-10px) scale(.985);filter:blur(1.5px)}.zoa-lab-intro-overlay.is-leaving .zoa-lab-intro-logoBubble{box-shadow:0 8px 24px rgba(28,45,90,.05),inset 0 0 0 1px rgba(255,255,255,.5);filter:blur(.5px)}.zoa-lab-intro-overlay.is-leaving .zoa-lab-intro-title,.zoa-lab-intro-overlay.is-leaving .zoa-lab-intro-subtitle,.zoa-lab-intro-overlay.is-leaving .zoa-lab-intro-loader,.zoa-lab-intro-overlay.is-leaving .zoa-lab-intro-logoWrap{opacity:0;transform:translateY(-6px);filter:blur(1px)}.zoa-lab-intro-overlay.is-leaving .zoa-lab-intro-bubble{opacity:0!important;transform:translateY(-18px) scale(.96);filter:blur(1px)}.zoa-lab-intro-overlay.is-leaving .zoa-lab-intro-coral--left{opacity:0;transform:translate(-12%,12%);filter:blur(2px)}.zoa-lab-intro-overlay.is-leaving .zoa-lab-intro-coral--right{opacity:0;transform:translate(12%,12%);filter:blur(2px)}.zoa-lab-intro-overlay.is-leaving .zoa-lab-intro-shadow{opacity:0;transform:translateX(-50%) scale(.92);filter:blur(16px)}@keyframes zoaLabIntroFadeInUp{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes zoaLabIntroFadeIn{from{opacity:0}to{opacity:1}}@keyframes zoaLabIntroFloaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes zoaLabIntroBubbleUp{0%{transform:translateY(0) scale(.92);opacity:0}18%{opacity:.9}100%{transform:translateY(-140px) scale(1.12);opacity:0}}@keyframes zoaLabIntroLoadBar{0%{transform:translateX(-120%)}100%{transform:translateX(320%)}}@media(max-width:600px){.zoa-lab-intro-center{padding-top:10px;padding-bottom:56px}.zoa-lab-intro-logoBubble{width:min(52vw,196px)}.zoa-lab-intro-coral{width:min(34vw,170px);opacity:.18}.zoa-lab-intro-coral--left{transform:translate(-10%,10%)}.zoa-lab-intro-coral--right{transform:translate(10%,10%)}.zoa-lab-intro-title{margin-top:22px}}

:root{--zl-bg:#f4f9fc;--zl-white:#fff;--zl-text:#15243b;--zl-muted:#607089;--zl-line:rgba(21,36,59,.11);--zl-primary:#36c7c9;--zl-primary-dark:#159da3;--zl-navy:#142445;--zl-shadow:0 24px 70px rgba(20,36,69,.13);--zl-soft:0 16px 42px rgba(20,36,69,.08);--zl-radius:32px}body#module-zoaicp-lab,body#module-zoaicp-lab #wrapper,body#module-zoaicp-lab main{background:#f4f9fc!important}.zl-page{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:0;background:radial-gradient(circle at 8% 4%,rgba(54,199,201,.18),transparent 28rem),radial-gradient(circle at 95% 20%,rgba(20,36,69,.08),transparent 30rem),linear-gradient(180deg,#f8fcfe 0%,#f3f9fc 100%);color:var(--zl-text);overflow:hidden;padding-bottom:5rem}.zl-shell{width:min(1240px,calc(100% - 32px));margin:0 auto}.zl-progress{position:fixed;left:0;right:0;top:0;height:4px;z-index:9999;background:transparent}.zl-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--zl-primary),#19b47f)}.zl-bubble-field{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.zl-bubble-field span{position:absolute;display:block;border:4px solid rgba(54,199,201,.28);border-radius:50%;animation:zlBubble 9s ease-in-out infinite}.zl-bubble-field .b1{width:18px;height:18px;left:8%;top:7%}.zl-bubble-field .b2{width:34px;height:34px;left:86%;top:10%;animation-delay:-2s}.zl-bubble-field .b3{width:12px;height:12px;left:74%;top:24%;opacity:.5}.zl-bubble-field .b4{width:22px;height:22px;left:17%;top:38%;animation-delay:-4s}.zl-bubble-field .b5{width:44px;height:44px;right:4%;top:51%;animation-delay:-1s}.zl-bubble-field .b6{width:15px;height:15px;left:46%;top:62%;animation-delay:-3s}.zl-bubble-field .b7{width:28px;height:28px;left:7%;top:74%;animation-delay:-5s}.zl-bubble-field .b8{width:20px;height:20px;right:12%;top:82%;animation-delay:-2.5s}.zl-bubble-field .b9{width:12px;height:12px;left:68%;top:88%;opacity:.45}.zl-bubble-field .b10{width:36px;height:36px;left:30%;top:92%;animation-delay:-6s}.zl-bubble-field .b11{width:26px;height:26px;right:7%;top:33%;animation-delay:-7s}.zl-bubble-field .b12{width:15px;height:15px;left:13%;top:56%;animation-delay:-2s}.zl-bubble-field .b13{width:30px;height:30px;left:82%;top:68%;animation-delay:-3.5s}.zl-bubble-field .b14{width:12px;height:12px;left:52%;top:42%;animation-delay:-4.5s}.zl-bubble-field .b15{width:18px;height:18px;left:38%;top:16%;animation-delay:-1.4s}@keyframes zlBubble{0%,100%{transform:translateY(0) scale(1);opacity:.42}50%{transform:translateY(-28px) scale(1.08);opacity:.85}}.zl-topbar{position:sticky;top:12px;z-index:20;width:min(1260px,calc(100% - 32px));margin:12px auto 0;display:flex;align-items:center;gap:18px;justify-content:space-between;background:rgba(255,255,255,.82);border:1px solid rgba(21,36,59,.10);border-radius:18px;padding:10px 14px;box-shadow:0 16px 50px rgba(20,36,69,.08);backdrop-filter:blur(16px)}.zl-brand{display:flex;align-items:center;gap:10px;color:var(--zl-navy)!important;text-decoration:none!important}.zl-brand-mark{width:42px;height:34px;display:grid;place-items:center;border-radius:12px;background:rgba(54,199,201,.12);color:var(--zl-primary-dark)}.zl-brand strong{font-weight:900;letter-spacing:.04em}.zl-brand em{font-style:normal;color:var(--zl-primary-dark);font-weight:800;font-size:.82rem}.zl-topnav{display:flex;gap:8px}.zl-topnav a,.zl-lang,.zl-login{display:inline-flex;align-items:center;min-height:38px;border-radius:999px;padding:0 14px;background:#fff;border:1px solid var(--zl-line);color:var(--zl-navy)!important;font-weight:800;text-decoration:none!important}.zl-login{background:linear-gradient(135deg,var(--zl-primary),#18b982);color:#fff!important;border:0}.zl-top-actions{display:flex;gap:8px;align-items:center}.zl-section-split{position:relative;z-index:1;padding:clamp(56px,7vw,105px) 0;border-bottom:1px solid rgba(21,36,59,.06)}.zl-hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:clamp(34px,5vw,76px);align-items:center}.zl-pill,.zl-eyebrow{display:inline-flex;align-items:center;color:var(--zl-primary-dark);background:rgba(54,199,201,.12);border:1px solid rgba(54,199,201,.28);border-radius:999px;padding:.55rem .9rem;font-weight:900;font-size:.88rem}.zl-hero h1{max-width:10ch;margin:1.1rem 0 1.1rem;color:var(--zl-navy);font-size:clamp(2.8rem,5.4vw,5.6rem);line-height:.93;letter-spacing:-.055em;font-weight:950}.zl-lead{max-width:690px;color:var(--zl-muted);font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.75}.zl-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin:2rem 0 1.2rem}.zl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;border-radius:999px;padding:0 1.35rem;font-weight:900;text-decoration:none!important;transition:transform .22s ease,box-shadow .22s ease}.zl-btn:hover{transform:translateY(-2px)}.zl-btn-primary{color:#fff!important;background:linear-gradient(135deg,var(--zl-primary),#18b982);box-shadow:0 14px 34px rgba(21,157,163,.25)}.zl-btn-secondary{color:var(--zl-navy)!important;background:#fff;border:1px solid var(--zl-line)}.zl-trust-row{display:flex;flex-wrap:wrap;gap:.55rem}.zl-trust-row span{display:inline-flex;background:#fff;border:1px solid var(--zl-line);border-radius:999px;padding:.48rem .78rem;color:var(--zl-muted);font-weight:800;font-size:.88rem}.zl-device-stack{position:relative;min-height:560px}.zl-shot{margin:0;background:#fff;border:1px solid rgba(21,36,59,.09);box-shadow:var(--zl-shadow);overflow:hidden}.zl-shot img{display:block;width:100%;height:auto}.zl-shot-desktop{position:absolute;left:0;top:10px;width:88%;border-radius:30px}.zl-shot-mobile{position:absolute;right:0;bottom:0;width:28%;min-width:190px;border-radius:30px;padding:8px}.zl-shot-mobile img{border-radius:24px}.zl-floating-card{position:absolute;display:grid;gap:.15rem;background:#fff;border:1px solid var(--zl-line);border-radius:20px;padding:1rem 1.1rem;box-shadow:var(--zl-soft);animation:zlFloat 4.8s ease-in-out infinite}.zl-floating-card strong{color:var(--zl-primary-dark);font-size:1.3rem}.zl-floating-card span{color:var(--zl-muted);font-size:.78rem;font-weight:800}.zl-floating-card.top{left:4%;top:0}.zl-floating-card.bottom{right:6%;bottom:18%;animation-delay:-1.6s}@keyframes zlFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.zl-section-head{text-align:center;max-width:820px;margin:0 auto 2.3rem}.zl-section-head h2,.zl-step h2,.zl-oligo h2{color:var(--zl-navy);font-weight:950;letter-spacing:-.045em;line-height:1.02;font-size:clamp(2.1rem,3.5vw,4rem);margin:1rem 0}.zl-section-head p,.zl-step p,.zl-oligo p{color:var(--zl-muted);line-height:1.75;font-size:1.05rem}.zl-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}.zl-card{background:rgba(255,255,255,.88);border:1px solid rgba(21,36,59,.09);border-radius:30px;padding:1.7rem;box-shadow:var(--zl-soft);transition:transform .25s ease,box-shadow .25s ease}.zl-card:hover{transform:translateY(-7px);box-shadow:var(--zl-shadow)}.zl-lottie{width:62px;height:62px;border-radius:20px;background:rgba(54,199,201,.12);display:grid;place-items:center;font-size:1.7rem;margin-bottom:1.2rem;overflow:hidden}.zl-card h3{color:var(--zl-navy);font-size:1.28rem;font-weight:950;margin:.35rem 0 .7rem}.zl-card p{color:var(--zl-muted);line-height: 1.75;margin-top: 0;}.zl-showcase-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(34px,5vw,76px);align-items:start}.zl-showcase-visual{position:sticky;top:108px}.zl-preview-frame{background:rgba(255,255,255,.88);border:1px solid rgba(21,36,59,.09);border-radius:34px;padding:18px;box-shadow:var(--zl-shadow);min-height:530px}.zl-tabs{display:flex;gap:8px;margin-bottom:14px}.zl-tabs span{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:rgba(54,199,201,.10);color:var(--zl-muted);font-weight:900}.zl-tabs span.is-active{background:rgba(54,199,201,.20);color:var(--zl-primary-dark)}.zl-scene{display:none;margin:0;border-radius:26px;overflow:hidden;background:#fff}.zl-scene.is-active{display:block}.zl-scene img{display:block;width:100%}.zl-step{min-height:42vh;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--zl-line);opacity:.58;transition:opacity .25s ease}.zl-step.is-active{opacity:1}.zl-step span{color:var(--zl-primary-dark);font-weight:950;letter-spacing:.14em}.zl-mobile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem;align-items:start}.zl-phone-shot{margin:0;background:#fff;border:1px solid rgba(21,36,59,.09);border-radius:34px;padding:12px;box-shadow:var(--zl-soft);transition:transform .25s ease}.zl-phone-shot:hover{transform:translateY(-8px)}.zl-phone-shot img{display:block;width:100%;border-radius:26px}.zl-phone-shot figcaption{text-align:center;color:var(--zl-navy);font-weight:950;margin:1rem 0 .4rem}.zl-oligo-box{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:radial-gradient(circle at 90% 20%,rgba(54,199,201,.20),transparent 24rem),#fff;border:1px solid rgba(21,36,59,.09);border-radius:34px;padding:clamp(1.6rem,4vw,3.4rem);box-shadow:var(--zl-soft)}.zl-reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.zl-reveal.is-visible{opacity:1;transform:translateY(0)}.zl-delay-1{transition-delay:.1s}.zl-delay-2{transition-delay:.2s}@media(max-width:1050px){.zl-hero-grid,.zl-showcase-grid{grid-template-columns:1fr}.zl-showcase-visual{position:relative;top:auto}.zl-device-stack{min-height:620px}.zl-step{min-height:auto;padding:2rem 0;opacity:1}.zl-topnav{display:none}}@media(max-width:820px){.zl-page{margin-top:0}.zl-topbar{top:6px;width:calc(100% - 16px);gap:8px}.zl-brand em,.zl-topnav{display:none}.zl-brand strong{font-size:.9rem}.zl-login{font-size:0;width:40px;padding:0}.zl-login:before{content:'↪';font-size:1rem}.zl-section-split{padding:48px 0}.zl-hero h1{font-size:clamp(2.35rem,14vw,4rem);max-width:9ch}.zl-device-stack{min-height:auto;display:grid;gap:14px}.zl-shot-desktop,.zl-shot-mobile{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;min-width:0}.zl-shot-mobile{width:min(72%,260px);justify-self:center}.zl-floating-card{display:none}.zl-card-grid,.zl-mobile-grid{grid-template-columns:1fr}.zl-preview-frame{min-height:auto;padding:12px;border-radius:26px}.zl-tabs{overflow:auto;padding-bottom:4px}.zl-scene{border-radius:20px}.zl-oligo-box{flex-direction:column;align-items:flex-start}.zl-bubble-field .b5,.zl-bubble-field .b10,.zl-bubble-field .b13{display:none}}@media(prefers-reduced-motion:reduce){.zl-reveal,.zl-floating-card,.zl-bubble-field span,.zl-card,.zl-phone-shot,.zl-btn{transition:none!important;animation:none!important;transform:none!important;opacity:1!important}}


/* V9 - Showcase en 3 lignes distinctes : plus clair que le sticky sur cette landing */
.zl-feature-showcase {
  position: relative;
}
.zl-feature-showcase::before,
.zl-feature-showcase::after {
  content: '';
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  border: 5px solid rgba(54,199,201,.18);
  animation: zlBubble 10s ease-in-out infinite;
}
.zl-feature-showcase::before {
  width: 42px;
  height: 42px;
  left: 8vw;
  top: 18%;
}
.zl-feature-showcase::after {
  width: 62px;
  height: 62px;
  right: 7vw;
  bottom: 12%;
  animation-delay: -4s;
}
.zl-feature-row {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
  gap: clamp(28px, 5vw, 76px);
  align-items: center;
  padding: clamp(34px, 5vw, 70px) 0;
}
.zl-feature-row + .zl-feature-row {
  border-top: 1px solid rgba(21,36,59,.08);
}
.zl-feature-row-reverse {
  grid-template-columns: minmax(360px, .92fr) minmax(0, 1.08fr);
}
.zl-feature-row-reverse .zl-feature-media {
  order: 2;
}
.zl-feature-row-reverse .zl-feature-copy {
  order: 1;
}
.zl-feature-media {
  position: relative;
}
.zl-feature-media::before {
  content: '';
  position: absolute;
  inset: 12% -5% -8% 12%;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(54,199,201,.12), transparent 62%);
  filter: blur(6px);
}
.zl-feature-bubble {
  position: relative;
  z-index: 1;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(21,36,59,.09);
  box-shadow: var(--zl-shadow);
  overflow: hidden;
}
.zl-feature-bubble-wide {
  border-radius: 38px 38px 94px 38px;
  padding: clamp(10px, 1.4vw, 18px);
}
.zl-feature-row-reverse .zl-feature-bubble-wide {
  border-radius: 38px 38px 38px 94px;
}
.zl-feature-bubble-modal {
  border-radius: 38px;
  padding: 12px;
  width: min(100%, 680px);
}
.zl-feature-bubble img,
.zl-feature-phone-card img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 24px;
}
.zl-capture-label {
  position: absolute;
  z-index: 3;
  top: 18px;
  left: 18px;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 13px;
  border-radius: 999px;
  background: rgba(255,255,255,.88);
  color: var(--zl-primary-dark);
  font-size: .78rem;
  font-weight: 950;
  box-shadow: 0 10px 26px rgba(20,36,69,.10);
  backdrop-filter: blur(10px);
}
.zl-feature-number {
  color: var(--zl-primary-dark);
  font-size: .95rem;
  font-weight: 950;
  letter-spacing: .16em;
}
.zl-feature-copy h2 {
  color: var(--zl-navy);
  font-weight: 950;
  letter-spacing: -.045em;
  line-height: 1.02;
  font-size: clamp(2.1rem, 3.35vw, 3.8rem);
  margin: 1rem 0;
}
.zl-feature-copy p {
  color: var(--zl-muted);
  line-height: 1.78;
  font-size: 1.08rem;
  margin-bottom: 1.2rem;
}
.zl-feature-copy ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: .65rem;
}
.zl-feature-copy li {
  position: relative;
  color: var(--zl-text);
  font-weight: 750;
  line-height: 1.55;
  padding-left: 1.5rem;
}
.zl-feature-copy li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .55rem;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--zl-primary), #18b982);
  box-shadow: 0 0 0 5px rgba(54,199,201,.13);
}
.zl-feature-media-combo {
  min-height: 560px;
}
.zl-feature-media-combo .zl-feature-bubble-modal {
  position: absolute;
  left: 0;
  top: 0;
  width: 88%;
}
.zl-feature-phone-card {
  position: absolute;
  z-index: 4;
  right: 0;
  bottom: 0;
  width: min(245px, 34%);
  background: #fff;
  border: 1px solid rgba(21,36,59,.09);
  border-radius: 34px;
  padding: 10px;
  box-shadow: var(--zl-shadow);
}
.zl-feature-phone-card img {
  border-radius: 26px;
}
@media(max-width:1050px){
  .zl-feature-row,
  .zl-feature-row-reverse {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .zl-feature-row-reverse .zl-feature-media,
  .zl-feature-row-reverse .zl-feature-copy {
    order: initial;
  }
  .zl-feature-media-combo {
    min-height: 520px;
  }
}
@media(max-width:820px){
  .zl-feature-row {
    padding: 42px 0;
  }
  .zl-feature-bubble-wide,
  .zl-feature-row-reverse .zl-feature-bubble-wide,
  .zl-feature-bubble-modal {
    border-radius: 26px;
    padding: 8px;
  }
  .zl-feature-bubble img,
  .zl-feature-phone-card img {
    border-radius: 20px;
  }
  .zl-feature-copy h2 {
    font-size: clamp(2rem, 10vw, 3rem);
  }
  .zl-feature-copy p {
    font-size: 1rem;
  }
  .zl-capture-label {
    top: 12px;
    left: 12px;
    min-height: 30px;
    font-size: .72rem;
  }
  .zl-feature-media-combo {
    min-height: auto;
    display: grid;
    gap: 14px;
  }
  .zl-feature-media-combo .zl-feature-bubble-modal,
  .zl-feature-phone-card {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: 100%;
  }
  .zl-feature-phone-card {
    width: min(74%, 270px);
    justify-self: center;
  }
}

/* ============================================================
   V10 — Palette officielle / nav publique sur /lab
   ============================================================ */
body#module-zoaicp-lab,
body#module-zoaicp-lab .zl-page,
body#module-zoaicp-lab [data-theme="light"]{
  --brand:#2AA7C8;
  --brand-ink:#0E5C73;
  --accent:#22C55E;
  --accent-2:#5EC6D1;
  --bg:#F7FAFD;
  --text:#0F172A;
  --muted:#55637A;
  --line:rgba(15,23,42,.14);
  --line2:rgba(15,23,42,.20);
  --surface:#FFFFFF;
  --surface-2:#f6f8fb;
  --toolbar-bg:#FFFFFF;
  --card-shadow:0 8px 24px rgba(2,6,23,.06);
}
body#module-zoaicp-lab header#header,
body#module-zoaicp-lab #footer,
body#module-zoaicp-lab .breadcrumb,
body#module-zoaicp-lab .page-header,
body#module-zoaicp-lab .top-content,
body#module-zoaicp-lab .ql_menu_ctn,
body#module-zoaicp-lab div#cookiescript_badge,
body#module-zoaicp-lab div#sag_b_cocarde{
  display:none !important;
}
body#module-zoaicp-lab .zoa-topnav--login{
  position:sticky;
  top:0;
  z-index:80;
  background:rgba(255,255,255,.92);
  border-bottom:1px solid rgba(15,23,42,.10);
  box-shadow:0 8px 30px rgba(15,23,42,.06);
  backdrop-filter:blur(14px);
}
body#module-zoaicp-lab .zoa-loginbar{
  width:min(1380px, calc(100% - 32px));
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:58px;
  padding:8px 0;
}
body#module-zoaicp-lab .zoa-loginbar__brand,
body#module-zoaicp-lab .zoa-loginbar__brand img{
  display:flex;
  align-items:center;
}
body#module-zoaicp-lab .zoa-topnav--login .zoa-nav-logo{
  width:auto !important;
  height:38px !important;
  max-width:190px !important;
  object-fit:contain;
}
body#module-zoaicp-lab .zoa-lang-dd--login{
  display:flex;
  align-items:center;
  gap:10px;
  position:relative;
}
body#module-zoaicp-lab .zoa-lang-dd--login .btn.primary,
body#module-zoaicp-lab .zoa-lang-dd--login a.btn.primary{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height: 41px;
  padding:0 16px !important;
  border-radius:12px !important;
  border:0 !important;
  background:linear-gradient(135deg, var(--brand), var(--accent)) !important;
  color:#fff !important;
  font-family:inherit !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.04em;
  text-transform:uppercase;
  box-shadow:0 12px 28px rgba(42,167,200,.22) !important;
  opacity:1 !important;
  text-decoration:none !important;
}
body#module-zoaicp-lab .zoa-lang-dd--login .btn.primary:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 34px rgba(42,167,200,.28) !important;
}
body#module-zoaicp-lab .zoa-lang-btn{
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  color:#0F172A;
  font-weight:900;
  box-shadow:0 8px 22px rgba(15,23,42,.06);
}
body#module-zoaicp-lab .zoa-lang-menu{
  position:absolute;
  right:0;
  top:calc(100% + 10px);
  min-width:150px;
  padding:8px;
  border-radius:16px;
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  box-shadow:0 18px 38px rgba(15,23,42,.16);
  display:none;
  z-index:9999;
}
body#module-zoaicp-lab .zoa-lang-dd.is-open .zoa-lang-menu{display:block;}
body#module-zoaicp-lab .zoa-lang-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px;
  border-radius:12px;
  color:#0F172A;
  text-decoration:none !important;
  font-weight:900;
}
body#module-zoaicp-lab .zoa-lang-item:hover{background:rgba(42,167,200,.08);}
body#module-zoaicp-lab .zoa-topnav-mobile{display:none !important;}
@media(max-width:640px){
  body#module-zoaicp-lab .zoa-loginbar{width:calc(100% - 20px);min-height:54px;}
  body#module-zoaicp-lab .zoa-topnav--login .zoa-nav-logo{height:34px !important;max-width:150px !important;}
  body#module-zoaicp-lab .zoa-lang-dd--login .btn.primary{/* font-size:0 !important; */width: 118px;/* padding:0 !important; */}
  body#module-zoaicp-lab .zoa-lang-dd--login .btn.primary:before{/* content:'↪'; *//* font-size:17px; */}
  body#module-zoaicp-lab .zoa-lang-btn{min-height:38px;padding:0 12px;}
}

/* ============================================================
   V10 — Section kits ICP
   ============================================================ */
.zl-kits{
  background:
    radial-gradient(circle at 6% 12%, rgba(54,199,201,.14), transparent 24rem),
    radial-gradient(circle at 92% 24%, rgba(34,197,94,.10), transparent 24rem),
    linear-gradient(180deg, rgba(255,255,255,.44), rgba(244,249,252,.78));
}
.zl-kits-benefits{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin:-6px auto 26px;
}
.zl-kits-benefits span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(21,36,59,.10);
  box-shadow:0 12px 32px rgba(20,36,69,.05);
  color:var(--zl-navy);
  font-weight:900;
  font-size:.88rem;
}
.zl-kits-benefits span:before{
  content:'✓';
  color:#19b47f;
  font-weight:950;
}
.zl-kits-toggle{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin:0 0 34px;
}
.zl-kits-tab{
  appearance:none;
  border:1px solid rgba(21,36,59,.12);
  background:#fff;
  color:var(--zl-navy);
  min-height:50px;
  padding:0 20px;
  border-radius:999px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 10px 26px rgba(20,36,69,.05);
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease;
}
.zl-kits-tab strong{color:#18b982;}
.zl-kits-tab:hover{transform:translateY(-2px);}
.zl-kits-tab.is-active{
  background:linear-gradient(135deg, var(--zl-primary), #18b982);
  color:#fff;
  border-color:transparent;
  box-shadow:0 16px 36px rgba(21,157,163,.22);
}
.zl-kits-tab.is-active strong{color:#fff;}
.zl-kits-panel{display:none;}
.zl-kits-panel.is-active{display:block;}
.zl-kit-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}
.zl-kit-card{
  position:relative;
  display:flex;
  flex-direction:column;
  background:rgba(255,255,255,.90);
  border:1px solid rgba(21,36,59,.10);
  border-radius:34px;
  overflow:hidden;
  box-shadow:0 26px 70px rgba(20,36,69,.09);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.zl-kit-card:hover{
  transform:translateY(-8px);
  box-shadow:0 34px 86px rgba(20,36,69,.14);
  border-color:rgba(54,199,201,.38);
}
.zl-kit-featured{
  border-color:rgba(54,199,201,.42);
  box-shadow:0 30px 80px rgba(21,157,163,.12);
}
.zl-kit-ribbon{
  position:absolute;
  z-index:3;
  top:18px;
  right:18px;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:var(--zl-primary-dark);
  border:1px solid rgba(54,199,201,.26);
  box-shadow:0 12px 30px rgba(20,36,69,.09);
  font-size:.78rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.zl-kit-save{
  background:#fff4e8;
  color:#e48325;
  border-color:rgba(228,131,37,.20);
}
.zl-kit-media{
  position:relative;
  min-height:300px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:38px 28px 16px;
  background:
    radial-gradient(circle at 50% 55%, rgba(54,199,201,.16), transparent 15rem),
    linear-gradient(180deg, #fff, #f3fbfd);
}
.zl-kit-card-pura .zl-kit-media{background:radial-gradient(circle at 50% 55%, rgba(228,131,37,.16), transparent 15rem),linear-gradient(180deg,#fff,#f8fbfe);}
.zl-kit-card-marin .zl-kit-media{background:radial-gradient(circle at 50% 55%, rgba(54,199,201,.20), transparent 15rem),linear-gradient(180deg,#fff,#f2fbfd);}
.zl-kit-card-max .zl-kit-media{background:radial-gradient(circle at 50% 55%, rgba(119,109,190,.17), transparent 15rem),linear-gradient(180deg,#fff,#f7f8ff);}
.zl-kit-media img{
  display:block;
  max-width:100%;
  max-height:260px;
  object-fit:contain;
  filter:drop-shadow(0 24px 28px rgba(20,36,69,.16));
  transform:translateY(4px);
  transition:transform .28s ease;
}
.zl-kit-card:hover .zl-kit-media img{transform:translateY(-2px) rotate(-1deg);}
.zl-kit-media-bundle img{max-height:250px;width:100%;}
.zl-kit-body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:24px;
}
.zl-kit-body h3{
  margin:0 0 8px;
  color:var(--zl-navy);
  font-size:clamp(1.55rem,2vw,2rem);
  line-height:1.02;
  letter-spacing:-.035em;
  font-weight:950;
}
.zl-kit-subtitle{
  color:var(--zl-muted);
  line-height:1.65;
  margin:0 0 18px;
  min-height:54px;
}
.zl-kit-list{
  list-style:none;
  padding:0;
  margin:0 0 20px;
  display:grid;
  gap:10px;
}
.zl-kit-list li{
  position:relative;
  padding-left:24px;
  color:var(--zl-text);
  line-height:1.48;
  font-weight:700;
  font-size:.95rem;
}
.zl-kit-list li:before{
  content:'';
  position:absolute;
  left:0;
  top:.48em;
  width:10px;
  height:10px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--zl-primary),#18b982);
  box-shadow:0 0 0 5px rgba(54,199,201,.12);
}
.zl-kit-price{
  margin-top:auto;
  margin-bottom:18px;
  display:flex;
  align-items:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.zl-kit-price span{
  color:var(--zl-muted);
  font-size:.84rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
  padding-bottom:5px;
}
.zl-kit-price del{
  color:#aab4c4;
  font-size:1.22rem;
  font-weight:900;
}
.zl-kit-price strong{
  color:#e48325;
  font-size:clamp(2rem,3vw,2.7rem);
  line-height:.95;
  font-weight:950;
  letter-spacing:-.04em;
}
.zl-kit-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  width:100%;
  border-radius:18px;
  padding:0 18px;
  background:linear-gradient(135deg,var(--zl-primary),#18b982);
  color:#fff !important;
  text-decoration:none !important;
  font-weight:950;
  box-shadow:0 16px 34px rgba(21,157,163,.22);
  transition:transform .22s ease, box-shadow .22s ease;
}
.zl-kit-cta:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(21,157,163,.28);}
.zl-bundle-callout{
  width:min(900px,100%);
  margin:0 auto 30px;
  text-align:center;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(21,36,59,.09);
  border-radius:30px;
  padding:clamp(20px,3vw,34px);
  box-shadow:0 22px 60px rgba(20,36,69,.08);
}
.zl-bundle-badge{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:#fff4e8;
  color:#e48325;
  font-weight:950;
  margin-bottom:12px;
}
.zl-bundle-callout h3{
  margin:0 0 10px;
  color:var(--zl-navy);
  font-size:clamp(1.6rem,2.8vw,2.8rem);
  line-height:1.05;
  letter-spacing:-.04em;
  font-weight:950;
}
.zl-bundle-callout p{
  margin:0 auto;
  max-width:760px;
  color:var(--zl-muted);
  line-height:1.75;
}
@media(max-width:1120px){
  .zl-kit-grid{grid-template-columns:1fr 1fr;}
  .zl-kit-featured{order:-1;}
}
@media(max-width:760px){
  .zl-kits-benefits{justify-content:flex-start;}
  .zl-kits-benefits span{width:100%;justify-content:center;}
  .zl-kits-toggle{display:grid;grid-template-columns:1fr;}
  .zl-kits-tab{width:100%;}
  .zl-kit-grid{grid-template-columns:1fr;gap:18px;}
  .zl-kit-media{min-height:235px;padding:32px 18px 10px;}
  .zl-kit-media img{max-height:210px;}
  .zl-kit-media-bundle img{max-height:210px;}
  .zl-kit-body{padding:20px;}
  .zl-kit-subtitle{min-height:0;}
}


/* =========================
   V11 — FAQ SEO + footer officiel
   ========================= */
.zl-faq{
  position:relative;
  background:
    radial-gradient(circle at 8% 12%, rgba(54,199,201,.12), transparent 24rem),
    radial-gradient(circle at 92% 85%, rgba(20,36,69,.06), transparent 26rem);
}
.zl-faq-grid{
  display:grid;
  grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);
  gap:clamp(24px,4vw,54px);
  align-items:start;
}
.zl-faq-intro{
  position:sticky;
  top:92px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(21,36,59,.09);
  border-radius:32px;
  padding:clamp(22px,3vw,34px);
  box-shadow:0 24px 70px rgba(20,36,69,.08);
}
.zl-faq-kicker{
  display:inline-flex;
  min-height:32px;
  align-items:center;
  padding:0 12px;
  border-radius:999px;
  background:rgba(54,199,201,.12);
  color:var(--zl-primary-dark);
  font-weight:950;
  font-size:.78rem;
  margin-bottom:14px;
}
.zl-faq-intro h3{
  color:var(--zl-navy);
  margin:0 0 12px;
  font-size:clamp(1.65rem,2.5vw,2.45rem);
  line-height:1.05;
  letter-spacing:-.04em;
  font-weight:950;
}
.zl-faq-intro p{
  color:var(--zl-muted);
  line-height:1.75;
  margin:0 0 20px;
}
.zl-faq-list{
  display:grid;
  gap:14px;
}
.zl-faq-list details{
  background:rgba(255,255,255,.90);
  border:1px solid rgba(21,36,59,.10);
  border-radius:24px;
  box-shadow:0 18px 50px rgba(20,36,69,.06);
  overflow:hidden;
}
.zl-faq-list summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:20px 22px;
  color:var(--zl-navy);
  font-weight:950;
  font-size:1.08rem;
}
.zl-faq-list summary::-webkit-details-marker{display:none;}
.zl-faq-list summary:after{
  content:'+';
  width:30px;
  height:30px;
  border-radius:50%;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  background:rgba(54,199,201,.12);
  color:var(--zl-primary-dark);
  font-weight:950;
  transition:transform .22s ease, background .22s ease;
}
.zl-faq-list details[open] summary:after{
  content:'-';
  background:linear-gradient(135deg,var(--zl-primary),#18b982);
  color:#fff;
}
.zl-faq-list details div{
  padding:0 22px 22px;
}
.zl-faq-list p{
  margin:0;
  color:var(--zl-muted);
  line-height:1.75;
}
.zl-footer{
  position:relative;
  padding:clamp(54px,6vw,86px) 0 32px;
  background:
    radial-gradient(circle at 10% 0%, rgba(54,199,201,.18), transparent 28rem),
    linear-gradient(180deg, #f7fbfd 0%, #eaf6fa 100%);
  border-top:1px solid rgba(21,36,59,.08);
  overflow:hidden;
}
.zl-footer:before,
.zl-footer:after{
  content:'';
  position:absolute;
  border-radius:50%;
  border:5px solid rgba(54,199,201,.16);
  pointer-events:none;
  animation:zlBubble 9s ease-in-out infinite;
}
.zl-footer:before{width:58px;height:58px;left:6vw;top:22%;}
.zl-footer:after{width:34px;height:34px;right:10vw;bottom:22%;animation-delay:-3s;}
.zl-footer-top{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(170px,.75fr));
  gap:clamp(22px,3vw,42px);
  align-items:start;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(21,36,59,.08);
  border-radius:34px;
  padding:clamp(24px,3.5vw,42px);
  box-shadow:0 26px 76px rgba(20,36,69,.08);
  backdrop-filter:blur(12px);
}
.zl-footer-brand img{
  width:min(220px,80%);
  height:auto;
  display:block;
  margin-bottom:18px;
}
.zl-footer-brand p,
.zl-footer-seo p{
  color:var(--zl-muted);
  line-height:1.75;
  margin:0;
}
.zl-footer-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.zl-footer-badges span{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:0 10px;
  border-radius:999px;
  background:rgba(54,199,201,.12);
  color:var(--zl-primary-dark);
  font-weight:900;
  font-size:.78rem;
}
.zl-footer-col h3{
  margin:0 0 14px;
  color:var(--zl-navy);
  font-weight:950;
  font-size:1.08rem;
}
.zl-footer-col a{
  display:block;
  color:var(--zl-muted) !important;
  text-decoration:none !important;
  line-height:1.35;
  padding:6px 0;
  font-weight:750;
  transition:color .18s ease, transform .18s ease;
}
.zl-footer-col a:hover{
  color:var(--zl-primary-dark) !important;
  transform:translateX(3px);
}
.zl-footer-seo{
  position:relative;
  z-index:1;
  margin-top:18px;
  background:rgba(255,255,255,.54);
  border:1px solid rgba(21,36,59,.07);
  border-radius:24px;
  padding:18px 22px;
}
.zl-footer-bottom{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  margin-top:22px;
  color:var(--zl-muted);
  font-size:.92rem;
}
.zl-footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:12px 18px;
}
.zl-footer-links a{
  color:var(--zl-muted) !important;
  text-decoration:none !important;
  font-weight:800;
}
.zl-footer-links a:hover{color:var(--zl-primary-dark) !important;}
@media(max-width:1040px){
  .zl-faq-grid{grid-template-columns:1fr;}
  .zl-faq-intro{position:relative;top:auto;}
  .zl-footer-top{grid-template-columns:1fr 1fr;}
}
@media(max-width:720px){
  .zl-faq-list summary{padding:18px;font-size:1rem;}
  .zl-faq-list details div{padding:0 18px 18px;}
  .zl-footer-top{grid-template-columns:1fr;border-radius:26px;padding:22px;}
  .zl-footer-bottom{align-items:flex-start;flex-direction:column;}
  .zl-footer-links{flex-direction:column;gap:8px;}
}


/* ============================================================
   V12.2 FORCE FOOTER SOMBRE — compatible template V11 charge
   Ce bloc est volontairement dans zoa-lab-official-v11.css car
   /fr/lab charge encore ce fichier sur l'installation actuelle.
   ============================================================ */
body#module-zoaicp-lab .zl-footer,
body#module-zoaicp-lab footer#footer-zoanthus-lab.zl-footer{
  position:relative !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  width:100vw !important;
  max-width:100vw !important;
  padding:clamp(70px,7vw,112px) 0 40px !important;
  color:#dcecff !important;
  background:
    radial-gradient(circle at 9% 10%, rgba(99,212,214,.34), transparent 23rem),
    radial-gradient(circle at 88% 18%, rgba(47,185,149,.22), transparent 30rem),
    radial-gradient(circle at 50% 110%, rgba(99,212,214,.18), transparent 36rem),
    linear-gradient(135deg, #071122 0%, #0e1f3d 46%, #103744 100%) !important;
  border-top:1px solid rgba(143,226,232,.26) !important;
  border-radius:0 !important;
  overflow:hidden !important;
  isolation:isolate !important;
}
body#module-zoaicp-lab .zl-footer:before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  border:0 !important;
  border-radius:0 !important;
  animation:none !important;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px) !important;
  background-size:64px 64px !important;
  -webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,.68), transparent 88%) !important;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.68), transparent 88%) !important;
  opacity:.55 !important;
}
body#module-zoaicp-lab .zl-footer:after{
  content:'' !important;
  position:absolute !important;
  right:8vw !important;
  bottom:12% !important;
  width:70px !important;
  height:70px !important;
  z-index:1 !important;
  border:5px solid rgba(99,212,214,.22) !important;
  border-radius:50% !important;
  background:transparent !important;
  animation:zlBubble 9s ease-in-out infinite !important;
}
body#module-zoaicp-lab .zl-footer .zl-shell,
body#module-zoaicp-lab .zl-footer .zl-footer-top,
body#module-zoaicp-lab .zl-footer .zl-footer-seo,
body#module-zoaicp-lab .zl-footer .zl-footer-bottom{
  position:relative !important;
  z-index:2 !important;
}
body#module-zoaicp-lab .zl-footer-top{
  background:rgba(255,255,255,.058) !important;
  border:1px solid rgba(143,226,232,.16) !important;
  border-radius:36px !important;
  box-shadow:0 32px 90px rgba(0,0,0,.24) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
}
body#module-zoaicp-lab .zl-footer-brand img{
  filter:drop-shadow(0 14px 28px rgba(0,0,0,.22)) !important;
}
body#module-zoaicp-lab .zl-footer-brand p,
body#module-zoaicp-lab .zl-footer-seo p{
  color:rgba(220,236,255,.78) !important;
}
body#module-zoaicp-lab .zl-footer-col h3{
  color:#ffffff !important;
}
body#module-zoaicp-lab .zl-footer-col a{
  position:relative !important;
  color:rgba(220,236,255,.78) !important;
  padding-left:14px !important;
}
body#module-zoaicp-lab .zl-footer-col a:before{
  content:'' !important;
  position:absolute !important;
  left:0 !important;
  top:1.05em !important;
  width:5px !important;
  height:5px !important;
  border-radius:50% !important;
  background:rgba(143,226,232,.46) !important;
}
body#module-zoaicp-lab .zl-footer-col a:hover{
  color:#9bf3f1 !important;
}
body#module-zoaicp-lab .zl-footer-badges span{
  background:rgba(143,226,232,.12) !important;
  border:1px solid rgba(143,226,232,.20) !important;
  color:#9bf3f1 !important;
}
body#module-zoaicp-lab .zl-footer-seo{
  background:rgba(255,255,255,.058) !important;
  border:1px solid rgba(143,226,232,.14) !important;
  border-radius:26px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}
body#module-zoaicp-lab .zl-footer-bottom{
  color:rgba(220,236,255,.66) !important;
  border-top:1px solid rgba(143,226,232,.14) !important;
  padding-top:20px !important;
}
body#module-zoaicp-lab .zl-footer-bottom a,
body#module-zoaicp-lab .zl-footer-links a{
  color:rgba(220,236,255,.76) !important;
}
body#module-zoaicp-lab .zl-footer-bottom a:hover,
body#module-zoaicp-lab .zl-footer-links a:hover{
  color:#9bf3f1 !important;
}
@media(max-width:720px){
  body#module-zoaicp-lab .zl-footer{padding:56px 0 30px !important;}
  body#module-zoaicp-lab .zl-footer-top{border-radius:28px !important;}
}


/* =========================
   V13 - Animations variees + separation photo recif
   ========================= */
.zl-page .zl-reveal{
  will-change: opacity, transform, filter;
}
.zl-page .zl-reveal.zl-anim-rise:not(.is-visible){
  opacity:0;
  transform: translate3d(0,44px,0);
}
.zl-page .zl-reveal.zl-anim-slide-left:not(.is-visible){
  opacity:0;
  transform: translate3d(-56px,18px,0);
}
.zl-page .zl-reveal.zl-anim-slide-right:not(.is-visible){
  opacity:0;
  transform: translate3d(56px,18px,0);
}
.zl-page .zl-reveal.zl-anim-zoom:not(.is-visible){
  opacity:0;
  transform: scale(.94) translate3d(0,26px,0);
}
.zl-page .zl-reveal.zl-anim-blur:not(.is-visible){
  opacity:0;
  filter: blur(14px);
  transform: translate3d(0,26px,0);
}
.zl-page .zl-reveal.zl-anim-tilt:not(.is-visible){
  opacity:0;
  transform: perspective(900px) rotateX(7deg) translate3d(0,44px,0);
  transform-origin: 50% 100%;
}
.zl-page .zl-reveal.is-visible{
  filter: blur(0);
}
.zl-page .zl-card.zl-reveal.is-visible,
.zl-page .zl-kit-card.zl-reveal.is-visible,
.zl-page .zl-faq-list details.zl-reveal.is-visible{
  animation: zlSoftPop .62s cubic-bezier(.2,.85,.2,1) both;
}
@keyframes zlSoftPop{
  0%{ transform: translateY(28px) scale(.96); }
  68%{ transform: translateY(-4px) scale(1.012); }
  100%{ transform: translateY(0) scale(1); }
}

.zl-reef-break{
  position: relative;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  min-height: clamp(440px, 54vw, 720px);
  display:flex;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  background:#071225;
  padding: clamp(70px, 8vw, 130px) 0;
}
.zl-reef-parallax{
  position:absolute;
  inset:-12% 0;
  z-index:0;
  overflow:hidden;
}
.zl-reef-parallax img{
  width:100%;
  height:120%;
  object-fit:cover;
  display:block;
  transform: translate3d(0, var(--zl-reef-y, 0px), 0) scale(1.08);
  transition: transform .12s linear;
  filter: saturate(1.12) contrast(1.06);
}
.zl-reef-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(circle at 78% 18%, rgba(54,199,201,.32), transparent 28rem),
    radial-gradient(circle at 15% 82%, rgba(16,34,72,.52), transparent 30rem),
    linear-gradient(90deg, rgba(4,10,28,.88) 0%, rgba(8,21,44,.65) 45%, rgba(2,8,18,.86) 100%);
}
.zl-reef-break::before,
.zl-reef-break::after{
  content:'';
  position:absolute;
  z-index:2;
  border-radius:999px;
  border:4px solid rgba(120,222,226,.35);
  pointer-events:none;
  animation: zlBubble 9s ease-in-out infinite;
}
.zl-reef-break::before{
  width:62px;height:62px;left:8vw;top:16%;
}
.zl-reef-break::after{
  width:42px;height:42px;right:12vw;bottom:18%;animation-delay:-3s;
}
.zl-reef-content{
  position:relative;
  z-index:3;
  color:#fff;
  max-width: 1200px;
}
.zl-reef-content > *{
  max-width:760px;
}
.zl-reef-kicker{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(104,224,222,.14);
  border:1px solid rgba(142,238,235,.35);
  color:#9af2ee;
  font-weight:950;
  letter-spacing:.03em;
  margin-bottom:18px;
  backdrop-filter: blur(10px);
}
.zl-reef-content h2{
  margin:0 0 20px;
  color:#fff;
  font-size:clamp(2.45rem, 5vw, 5.6rem);
  line-height:.95;
  letter-spacing:-.055em;
  font-weight:950;
  text-shadow:0 18px 50px rgba(0,0,0,.38);
}
.zl-reef-content p{
  margin:0;
  color:rgba(234,247,252,.86);
  font-size:clamp(1.05rem,1.35vw,1.28rem);
  line-height:1.78;
  text-shadow:0 10px 30px rgba(0,0,0,.32);
}
.zl-reef-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:28px;
}
.zl-btn-glass{
  color:#fff !important;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 14px 38px rgba(0,0,0,.18);
  backdrop-filter: blur(12px);
}
.zl-btn-glass:hover{
  color:#fff !important;
  background:rgba(255,255,255,.16);
}
@media(max-width:820px){
  .zl-reef-break{
    min-height: 560px;
    padding: 76px 0;
  }
  .zl-reef-overlay{
    background:
      radial-gradient(circle at 80% 10%, rgba(54,199,201,.22), transparent 18rem),
      linear-gradient(180deg, rgba(4,10,28,.84) 0%, rgba(6,15,34,.68) 48%, rgba(2,8,18,.88) 100%);
  }
  .zl-reef-content h2{
    font-size:clamp(2.35rem, 12vw, 4.2rem);
  }
}

@media(prefers-reduced-motion: reduce){
  .zl-reef-parallax img{transform:scale(1.04)!important;transition:none!important;}
  .zl-page .zl-reveal{filter:none!important;}
  .zl-page .zl-card.zl-reveal.is-visible,
  .zl-page .zl-kit-card.zl-reveal.is-visible,
  .zl-page .zl-faq-list details.zl-reveal.is-visible{animation:none!important;}
}

section.main-contant-wrapper.clearfix, div#zoanthus-lab-official {
    padding-bottom: 0;
}

/* ============================================================
   V14 — Images coraux dans le hero + respiration visuelle
   ============================================================ */
.zl-hero-with-coral{
  position:relative;
  min-height:clamp(760px, 85vh, 980px);
  display:flex;
  align-items:center;
}
.zl-hero-with-coral .zl-shell{position:relative;z-index:3;}
.zl-hero-coral{
  position:absolute;
  z-index:1;
  pointer-events:none;
  overflow:hidden;
  box-shadow:0 34px 90px rgba(20,36,69,.16);
  background:rgba(255,255,255,.28);
  border:10px solid rgba(213,251,253,.78);
}
.zl-hero-coral img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(1.18) contrast(1.06);
}
.zl-hero-coral-left{
  left:-4.5vw;
  top:20%;
  width:min(28vw,360px);
  height:min(28vw,360px);
  border-radius:38% 62% 54% 46% / 50% 44% 56% 50%;
  transform:rotate(-7deg);
  opacity:.95;
}
.zl-hero-coral-right{
  right:-5vw;
  top:8%;
  width:min(34vw,520px);
  height:min(43vw,640px);
  border-radius:46% 0 0 54% / 36% 0 0 64%;
  border-right:0;
  transform:rotate(2deg);
  opacity:.97;
}
.zl-hero-with-coral .zl-device-stack{z-index:4;}
.zl-hero-with-coral .zl-hero-copy{position:relative;z-index:4;}
.zl-hero-with-coral .zl-hero-copy:before{
  content:'';
  position:absolute;
  inset:-42px -34px -42px -28px;
  z-index:-1;
  border-radius:36px;
  background:linear-gradient(90deg,rgba(248,252,254,.92),rgba(248,252,254,.70),rgba(248,252,254,.20));
  filter:blur(4px);
}

.zl-quick-proof{
  position:relative;
  z-index:2;
  width:100vw;
  left:50%;
  margin-left:-50vw;
  min-height:128px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#091a33;
  color:#fff;
  box-shadow:0 22px 68px rgba(20,36,69,.18);
}
.zl-quick-proof-bg{
  position:absolute;
  inset:0;
  z-index:0;
}
.zl-quick-proof-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  opacity:.62;
  filter:saturate(1.25) contrast(1.08) blur(.2px);
  transform:scale(1.04);
}
.zl-quick-proof:after{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(4,12,30,.86),rgba(7,26,51,.64) 46%,rgba(244,249,252,.86));
}
.zl-quick-proof-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:auto minmax(260px,1fr) auto;
  gap:22px;
  align-items:center;
  padding:22px 0;
}
.zl-quick-proof-badge{
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  border-radius:24px;
  background:rgba(54,199,201,.22);
  border:1px solid rgba(143,226,232,.32);
  box-shadow:0 18px 38px rgba(0,0,0,.22);
  font-size:2rem;
}
.zl-quick-proof strong{
  display:block;
  color:#fff;
  font-size:clamp(1.25rem,2vw,1.85rem);
  line-height:1.08;
  font-weight:950;
  letter-spacing:-.03em;
}
.zl-quick-proof p{
  margin:.25rem 0 0;
  color:rgba(235,249,251,.82);
  line-height:1.55;
}
.zl-quick-proof-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}
.zl-quick-proof-pills span{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  color:var(--zl-navy);
  border:1px solid rgba(255,255,255,.58);
  box-shadow:0 12px 30px rgba(0,0,0,.10);
  font-weight:900;
}

.zl-benefits-visual-row{
  position:relative;
  min-height:110px;
  margin:-10px 0 26px;
  pointer-events:none;
}
.zl-coral-pill{
  position:absolute;
  margin:0;
  overflow:hidden;
  background:#fff;
  border:8px solid rgba(255,255,255,.88);
  box-shadow:0 24px 66px rgba(20,36,69,.12);
}
.zl-coral-pill img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(1.18) contrast(1.05);
}
.zl-coral-pill-left{
  left:0;
  top:0;
  width:min(28vw,360px);
  height:116px;
  border-radius:999px 42px 999px 42px;
}
.zl-coral-pill-right{
  right:0;
  top:22px;
  width:min(30vw,410px);
  height:104px;
  border-radius:44px 999px 44px 999px;
}

.zl-oligo-box-rich{
  position:relative;
  overflow:hidden;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(220px,330px) auto;
  align-items:center;
}
.zl-oligo-copy{position:relative;z-index:2;}
.zl-oligo-media{
  position:relative;
  z-index:1;
  width:100%;
  aspect-ratio:1.15/1;
  border-radius:34px 34px 90px 34px;
  overflow:hidden;
  border:8px solid rgba(255,255,255,.9);
  box-shadow:0 28px 70px rgba(20,36,69,.14);
  transform:rotate(2deg);
}
.zl-oligo-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(1.2) contrast(1.07);
}

@media(max-width:1180px){
  .zl-hero-coral-left{opacity:.45;width:260px;height:260px;}
  .zl-hero-coral-right{opacity:.55;width:360px;height:520px;}
  .zl-hero-with-coral .zl-hero-copy:before{background:rgba(248,252,254,.72);}
  .zl-quick-proof-inner{grid-template-columns:auto 1fr;}
  .zl-quick-proof-pills{grid-column:1 / -1;justify-content:flex-start;}
  .zl-oligo-box-rich{grid-template-columns:1fr;}
  .zl-oligo-media{width:min(100%,420px);}
}
@media(max-width:820px){
  .zl-hero-with-coral{min-height:auto;padding-top:64px;}
  .zl-hero-coral-left{display:none;}
  .zl-hero-coral-right{
    position:relative;
    right:auto;
    top:auto;
    width:100%;
    height:180px;
    border-radius:28px;
    border:8px solid rgba(213,251,253,.78);
    margin:0 auto 18px;
    transform:none;
    opacity:1;
    order:-1;
  }
  .zl-hero-with-coral .zl-shell{display:flex;flex-direction:column;}
  .zl-hero-with-coral .zl-hero-grid{display:flex;flex-direction:column;}
  .zl-hero-with-coral .zl-hero-grid:before{
    content:'';
    display:block;
    width:100%;
    height:190px;
    border-radius:28px;
    border:8px solid rgba(213,251,253,.78);
    background:url('../img/landing/coral-hero-right.webp') center/cover no-repeat;
    box-shadow:0 24px 66px rgba(20,36,69,.12);
  }
  .zl-hero-coral-right{display:none;}
  .zl-hero-with-coral .zl-hero-copy:before{display:none;}
  .zl-quick-proof-inner{grid-template-columns:1fr;text-align:left;}
  .zl-quick-proof-pills{justify-content: center;}
  .zl-benefits-visual-row{display:none;}
  .zl-oligo-media{border-radius:26px;transform:none;}
}


/* ============================================================
   Bloc Communauté Zoanthus Lab
   À ajouter à la fin de zoa-lab-official-v18.css
   ============================================================ */

.zl-community{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 10%, rgba(54,199,201,.14), transparent 26rem),
    radial-gradient(circle at 92% 80%, rgba(20,36,69,.08), transparent 30rem),
    linear-gradient(180deg, rgba(255,255,255,.34), rgba(244,249,252,.78));
}

.zl-community:before,
.zl-community:after{
  content:'';
  position:absolute;
  pointer-events:none;
  border-radius:50%;
  border:5px solid rgba(54,199,201,.18);
  animation:zlBubble 10s ease-in-out infinite;
}

.zl-community:before{
  width:58px;
  height:58px;
  left:6vw;
  top:18%;
}

.zl-community:after{
  width:36px;
  height:36px;
  right:8vw;
  bottom:16%;
  animation-delay:-4s;
}

.zl-community-box{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);
  gap:clamp(28px,5vw,72px);
  align-items:center;
  background:
    radial-gradient(circle at 82% 12%, rgba(54,199,201,.20), transparent 26rem),
    rgba(255,255,255,.78);
  border:1px solid rgba(21,36,59,.09);
  border-radius:42px;
  padding:clamp(28px,4.8vw,62px);
  box-shadow:0 30px 90px rgba(20,36,69,.10);
  backdrop-filter:blur(14px);
}

.zl-community-copy h2{
  margin:1rem 0 1rem;
  color:var(--zl-navy);
  font-size:clamp(2.3rem,4vw,4.4rem);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:950;
}

.zl-community-copy p{
  margin:0;
  max-width:680px;
  color:var(--zl-muted);
  font-size:1.08rem;
  line-height:1.78;
}

.zl-community-stats{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:24px 0 28px;
}

.zl-community-stats span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:38px;
  padding:0 13px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(21,36,59,.10);
  box-shadow:0 12px 30px rgba(20,36,69,.06);
  color:var(--zl-muted);
  font-size:.9rem;
  font-weight:850;
}

.zl-community-stats strong{
  color:var(--zl-primary-dark);
  font-weight:950;
}

.zl-community-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.zl-community-preview{
  position:relative;
  min-height:520px;
  border-radius:34px;
  padding:22px;
  background:
    radial-gradient(circle at 18% 0%, rgba(54,199,201,.16), transparent 18rem),
    linear-gradient(135deg, #071122 0%, #0e1f3d 55%, #103744 100%);
  border:1px solid rgba(143,226,232,.22);
  box-shadow:0 34px 90px rgba(20,36,69,.20);
  overflow:hidden;
}

.zl-community-preview:before{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px);
  background-size:48px 48px;
  opacity:.45;
  pointer-events:none;
}

.zl-community-topline{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
  color:rgba(220,236,255,.86);
}

.zl-community-topline span{
  font-weight:950;
  color:#fff;
}

.zl-community-topline strong{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(143,226,232,.12);
  border:1px solid rgba(143,226,232,.22);
  color:#9bf3f1;
  font-size:.82rem;
}

.zl-community-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:16px;
}

.zl-community-card{
  position:relative;
  min-height:212px;
  overflow:hidden;
  border-radius:24px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(143,226,232,.16);
  box-shadow:0 18px 48px rgba(0,0,0,.18);
}

.zl-community-card-large{
  grid-row:span 2;
  min-height:440px;
}

.zl-community-photo{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.02);
  filter:saturate(1.14) contrast(1.04);
}

.zl-community-photo:after{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(5,12,26,.05) 0%, rgba(5,12,26,.18) 42%, rgba(5,12,26,.88) 100%);
}

.zl-community-photo-2{
  background-position:center;
}

.zl-community-photo-3{
  background-position:center;
}

.zl-community-avatar{
  position:absolute;
  left:22px;
  top:42%;
  width:82px;
  height:82px;
  border-radius:50%;
  border:4px solid #fff;
  background:url('../img/landing/coral-benefit-left.webp') center/cover no-repeat;
  box-shadow:0 16px 38px rgba(0,0,0,.22);
  z-index:3;
}

.zl-community-score{
  position:absolute;
  right:16px;
  top:16px;
  z-index:4;
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, rgba(54,199,201,.96), rgba(24,185,130,.96));
  border:2px solid rgba(255,255,255,.78);
  color:#fff;
  font-weight:950;
  box-shadow:0 14px 30px rgba(0,0,0,.18);
}

.zl-community-card-body{
  position:absolute;
  z-index:3;
  left:18px;
  right:18px;
  bottom:18px;
  color:#fff;
}

.zl-community-card-body h3{
  margin:0 0 4px;
  color:#fff;
  font-size:clamp(1.15rem,1.7vw,1.65rem);
  font-weight:950;
  line-height:1;
}

.zl-community-card-body p{
  margin:0 0 12px;
  color:rgba(220,236,255,.78);
  font-weight:750;
}

.zl-community-card-body span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(143,226,232,.14);
  border:1px solid rgba(143,226,232,.20);
  color:#9bf3f1;
  font-weight:950;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.zl-community-floating{
  position:absolute;
  z-index:5;
  right:26px;
  bottom:24px;
  display:grid;
  gap:2px;
  min-width:210px;
  padding:16px 18px;
  border-radius:22px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(21,36,59,.10);
  box-shadow:0 20px 52px rgba(0,0,0,.22);
  color:var(--zl-navy);
}

.zl-community-floating strong{
  font-weight:950;
}

.zl-community-floating span{
  color:var(--zl-muted);
  font-size:.82rem;
  font-weight:850;
}

@media(max-width:1100px){
  .zl-community-box{
    grid-template-columns:1fr;
  }

  .zl-community-preview{
    min-height:500px;
  }
}

@media(max-width:760px){
  .zl-community-box{
    border-radius:30px;
    padding:22px;
  }

  .zl-community-copy h2{
    font-size:clamp(2rem,10vw,3rem);
  }

  .zl-community-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .zl-community-preview{
    min-height:auto;
    padding:16px;
    border-radius:28px;
  }

  .zl-community-topline{
    align-items:flex-start;
    flex-direction:column;
  }

  .zl-community-grid{
    grid-template-columns:1fr;
  }

  .zl-community-card,
  .zl-community-card-large{
    min-height:260px;
    grid-row:auto;
  }

  .zl-community-avatar{
    width:66px;
    height:66px;
    left:16px;
    top:38%;
  }

  .zl-community-floating{
    position:relative;
    right:auto;
    bottom:auto;
    margin-top:16px;
    min-width:0;
  }
}


/* ============================================================
   Communauté Zoanthus Lab - version sobre avec capture unique
   À ajouter à la fin de zoa-lab-official-v18.css
   ============================================================ */

.zl-community-box-v2{
  grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);
  gap:clamp(34px,5vw,78px);
  align-items:center;
  overflow:hidden;
}

.zl-community-box-v2 .zl-community-copy h2{
  max-width:760px;
}

.zl-community-stats-v2{
  margin-top:26px;
}

.zl-community-stats-v2 span{
  background:rgba(255,255,255,.86);
  border:1px solid rgba(21,36,59,.10);
  color:var(--zl-navy);
}

.zl-community-preview-v2{
  position:relative;
  min-height:500px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.zl-community-window{
  position:relative;
  z-index:2;
  width:min(100%, 720px);
  border-radius:34px;
  padding:14px;
  background:
    linear-gradient(135deg, rgba(8,18,38,.98), rgba(12,42,52,.98));
  border:1px solid rgba(143,226,232,.26);
  box-shadow:
    0 34px 90px rgba(20,36,69,.22),
    0 0 0 10px rgba(255,255,255,.42);
  overflow:hidden;
}

.zl-community-window:before{
  content:'';
  position:absolute;
  inset:-40% -20% auto auto;
  width:360px;
  height:360px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(54,199,201,.28), transparent 68%);
  pointer-events:none;
}

.zl-community-window-top{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 12px;
  color:rgba(255,255,255,.92);
}

.zl-community-window-top span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:rgba(143,226,232,.35);
}

.zl-community-window-top strong{
  margin-left:8px;
  color:#fff;
  font-weight:950;
  font-size:.9rem;
}

.zl-community-screen{
  position:relative;
  z-index:2;
  border-radius:24px;
  overflow:hidden;
  background:#0b1427;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}

.zl-community-screen img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16 / 10;
  object-fit:cover;
  object-position:top center;
  filter:saturate(1.08) contrast(1.02);
}

.zl-community-note{
  position:absolute;
  z-index:4;
  display:grid;
  gap:2px;
  min-width:210px;
  padding:16px 18px;
  border-radius:22px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(21,36,59,.10);
  box-shadow:0 22px 55px rgba(20,36,69,.18);
  color:var(--zl-navy);
  backdrop-filter:blur(14px);
}

.zl-community-note strong{
  font-weight:950;
}

.zl-community-note span{
  color:var(--zl-muted);
  font-size:.82rem;
  font-weight:850;
}

.zl-community-note-one{
  left:-20px;
  bottom:56px;
}

.zl-community-note-two{
  right:-18px;
  top:66px;
}

.zl-community-box-v2 .zl-community-preview,
.zl-community-box-v2 .zl-community-grid,
.zl-community-box-v2 .zl-community-floating,
.zl-community-box-v2 .zl-community-card,
.zl-community-box-v2 .zl-community-score,
.zl-community-box-v2 .zl-community-avatar{
  display:none !important;
}

@media(max-width:1100px){
  .zl-community-box-v2{
    grid-template-columns:1fr;
  }

  .zl-community-preview-v2{
    min-height:auto;
  }

  .zl-community-window{
    width:100%;
  }
}

@media(max-width:760px){
  .zl-community-box-v2{
    padding:24px;
    border-radius:30px;
  }

  .zl-community-preview-v2{
    margin-top:10px;
  }

  .zl-community-window{
    border-radius:26px;
    padding:10px;
    box-shadow:
      0 24px 60px rgba(20,36,69,.18),
      0 0 0 6px rgba(255,255,255,.45);
  }

  .zl-community-window-top{
    min-height:34px;
  }

  .zl-community-window-top strong{
    font-size:.78rem;
  }

  .zl-community-screen{
    border-radius:18px;
  }

  .zl-community-note{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    min-width:0;
    margin-top:12px;
  }

  .zl-community-note-two{

    display:none;
  }
}

  body#module-zoaicp-lab .zl-card-grid .zl-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 15px;
  }