.elementor-1518585 .elementor-element.elementor-element-3f80883{--display:flex;--margin-top:90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:06px;--padding-right:06px;}.elementor-1518585 .elementor-element.elementor-element-3f80883.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-1518585 .elementor-element.elementor-element-3f80883{--width:75.681%;}}/* Start custom CSS for container, class: .elementor-element-3f80883 *//* DigiDataLe — Landing "Diagnostic digital gratuit"
   Apparence > Personnaliser > CSS additionnel
   (ou Elementor > Reglages du site > CSS personnalise)
   Si Poppins est deja chargee par le theme, supprimer la ligne @import. */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* ---------- Base ---------- */
.ddl-lp{
  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:#1B2B33;
  background:linear-gradient(180deg,#EAF7FE 0%,#F7FCFF 42%,#FFFFFF 100%);
  padding:0 24px 110px;
  -webkit-font-smoothing:antialiased;
}
.ddl-lp *{box-sizing:border-box;}
.ddl-lp__inner{
  max-width:1200px;margin:0 auto;
  display:flex;flex-direction:column;gap:110px;
}
.ddl-lp p{margin:0;}
.ddl-lp h1,.ddl-lp h2,.ddl-lp h3{margin:0;}

/* ---------- Boutons ---------- */
.ddl-btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-size:15px;font-weight:600;line-height:1.2;
  padding:15px 30px;min-height:44px;border-radius:10px;
  text-decoration:none;white-space:nowrap;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.ddl-btn--primary{
  background:#05ADF1;color:#FFFFFF;
  box-shadow:0 8px 20px rgba(5,173,241,.28);
}
.ddl-btn--primary:hover,.ddl-btn--primary:focus-visible{background:#036891;color:#FFFFFF;}
.ddl-btn--ghost{
  background:#FFFFFF;color:#036891;
  border:1px solid rgba(5,173,241,.35);
}
.ddl-btn--ghost:hover,.ddl-btn--ghost:focus-visible{border-color:#05ADF1;color:#05ADF1;}
.ddl-btn--onDark{
  color:#FFFFFF;border:1px solid rgba(255,255,255,.4);
  padding:16px 24px;
}
.ddl-btn--onDark:hover,.ddl-btn--onDark:focus-visible{border-color:#05ADF1;color:#05ADF1;}
.ddl-btn--light{background:#05ADF1;color:#FFFFFF;padding:16px 26px;}
.ddl-btn--light:hover,.ddl-btn--light:focus-visible{background:#FFFFFF;color:#036891;}
.ddl-lp a:focus-visible{outline:2px solid #036891;outline-offset:3px;}

/* ---------- Hero ---------- */
.ddl-hero{
  padding-top:88px;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
  gap:56px;align-items:center;
}
.ddl-hero__text{display:flex;flex-direction:column;gap:24px;}
.ddl-eyebrow{
  align-self:flex-start;font-size:12px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:#05ADF1;
}
.ddl-hero__title{
  font-size:clamp(38px,4.4vw,56px);line-height:1.1;font-weight:700;
  letter-spacing:-.02em;color:#0E1B24;text-wrap:balance;
}
.ddl-hero__title span{color:#05ADF1;}
.ddl-hero__lead{max-width:560px;font-size:16px;line-height:1.75;color:#41525C;}
.ddl-actions{display:flex;flex-wrap:wrap;gap:14px;padding-top:6px;}
.ddl-card-brief{
  background:#FFFFFF;border-radius:16px;padding:38px 36px;
  box-shadow:0 18px 46px rgba(3,104,145,.12);
  display:flex;flex-direction:column;gap:18px;
}
.ddl-card-brief h2{
  font-size:13px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:#05ADF1;
}
.ddl-card-brief p{font-size:16px;line-height:1.75;color:#41525C;}
.ddl-note{font-size:14px;line-height:1.6;color:#7A8A93;padding-top:4px;}

/* ---------- Cartes bénéfices ---------- */
.ddl-grid-cards{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;
}
.ddl-card{
  background:#FFFFFF;border-radius:14px;padding:30px 28px;
  box-shadow:0 10px 30px rgba(3,104,145,.08);
  display:flex;flex-direction:column;gap:10px;
}
.ddl-card h3{font-size:17px;font-weight:600;color:#0E1B24;}
.ddl-card p{font-size:15px;line-height:1.6;color:#5A6B75;}

/* ---------- Section titres ---------- */
.ddl-section{display:flex;flex-direction:column;gap:32px;align-items:center;}
.ddl-h2{
  font-size:clamp(28px,3.2vw,38px);line-height:1.2;font-weight:700;
  letter-spacing:-.01em;color:#05ADF1;text-align:center;text-wrap:balance;
}

/* ---------- Liste "Ce que vous recevez" ---------- */
.ddl-list{
  margin:0;padding:0;width:100%;list-style:none;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;
}
.ddl-list li{
  background:#FFFFFF;border-radius:12px;padding:26px 24px;
  box-shadow:0 8px 24px rgba(3,104,145,.07);
  display:flex;flex-direction:column;gap:10px;
  font-size:15px;line-height:1.65;color:#41525C;
}
.ddl-list__num{color:#05ADF1;font-weight:700;font-size:14px;letter-spacing:.08em;}

/* ---------- Pour qui ---------- */
.ddl-audience{display:flex;flex-direction:column;gap:44px;}
.ddl-audience__head{
  display:flex;flex-direction:column;gap:20px;
  align-items:center;text-align:center;
}
.ddl-audience__head p{max-width:760px;font-size:16px;line-height:1.8;color:#41525C;text-wrap:pretty;}
.ddl-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding-top:2px;}
.ddl-tag{
  font-size:14px;font-weight:500;color:#036891;background:#FFFFFF;
  border:1px solid rgba(5,173,241,.28);border-radius:999px;padding:9px 18px;
}

/* ---------- Bandeau CTA foncé ---------- */
.ddl-band{
  background:#036891;border-radius:16px;padding:clamp(34px,4vw,52px);
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;
  box-shadow:0 18px 46px rgba(3,104,145,.22);
}
.ddl-band h2{
  font-size:clamp(26px,2.8vw,34px);line-height:1.25;
  font-weight:700;color:#FFFFFF;text-wrap:balance;
}
.ddl-band__sub{font-size:15px;line-height:1.7;color:rgba(255,255,255,.85);}
.ddl-band__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding-top:10px;}
.ddl-band__legal{
  margin-top:6px;padding-top:16px;
  border-top:1px solid rgba(255,255,255,.16);
  font-size:13px;line-height:1.6;color:rgba(255,255,255,.65);
}

/* ---------- FAQ ---------- */
.ddl-faq{width:100%;max-width:900px;display:flex;flex-direction:column;gap:12px;}
.ddl-faq details{background:#F1F6FA;border-radius:10px;}
.ddl-faq summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:22px 26px;font-size:16px;font-weight:600;color:#0E1B24;
  transition:color .2s ease;
}
.ddl-faq summary::-webkit-details-marker{display:none;}
.ddl-faq summary:hover{color:#05ADF1;}
.ddl-faq details[open] summary{color:#05ADF1;}
.ddl-chev{
  flex:none;width:10px;height:10px;
  border-right:2px solid #05ADF1;border-bottom:2px solid #05ADF1;
  transform:rotate(45deg);transition:transform .2s ease;
}
.ddl-faq details[open] .ddl-chev{transform:rotate(-135deg);}
.ddl-faq details p{padding:0 26px 24px;font-size:15px;line-height:1.7;color:#5A6B75;}

/* ---------- CTA final ---------- */
.ddl-final{
  background:#FFFFFF;border-radius:16px;padding:clamp(32px,4vw,48px);
  box-shadow:0 14px 40px rgba(3,104,145,.1);
  display:flex;flex-wrap:wrap;gap:24px;
  align-items:center;justify-content:space-between;
}
.ddl-final h2{
  max-width:600px;font-size:clamp(22px,2.6vw,30px);line-height:1.25;
  font-weight:700;letter-spacing:-.01em;color:#0E1B24;text-wrap:balance;
}

/* ---------- Responsive ---------- */
@media (max-width:860px){
  .ddl-lp{padding:0 18px 72px;}
  .ddl-lp__inner{gap:72px;}
  .ddl-hero{padding-top:56px;gap:36px;grid-template-columns:1fr;}
  .ddl-card-brief{padding:30px 26px;}
  .ddl-final{justify-content:flex-start;}
}
@media (max-width:480px){
  .ddl-btn{width:100%;}
  .ddl-actions,.ddl-band__actions{flex-direction:column;align-items:stretch;}
}
@media (prefers-reduced-motion:reduce){
  .ddl-lp *{transition:none !important;}
}/* End custom CSS */