.elementor-57403 .elementor-element.elementor-element-e90c57e{margin-top:0px;margin-bottom:40px;}/* Start custom CSS for html, class: .elementor-element-b253939 *//* ── HERO ── */
.hero-wrap{
  background:linear-gradient(135deg,#0a2e0a 0%,#1a5c1a 60%,#2a7a2a 100%);
  padding:60px 20px 50px;
  text-align:center;
  color:#fff;
}
.hero-pretitle{
  display:inline-block;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.25);
  border-radius:20px;
  padding:6px 16px;
  font-size:13px;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
  margin-bottom:20px;
  color:rgba(255,255,255,.9);
}
.hero-title{
  font-size:clamp(28px,6vw,48px);
  font-weight:800;
  line-height:1.2;
  margin-bottom:16px;
  color:#fff;
}
.hero-title span{color:#f0a500;}
.hero-sub{
  font-size:clamp(16px,3vw,19px);
  color:rgba(255,255,255,.8);
  line-height:1.7;
  max-width:540px;
  margin:0 auto 32px;
}
.hero-benefits{
  list-style:none;
  display:inline-flex;
  flex-direction:column;
  gap:12px;
  text-align:left;
  margin-bottom:36px;
}
.hero-benefits li{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:16px;
  color:rgba(255,255,255,.92);
  font-weight:500;
}
.hero-benefits li span.icon{
  background:rgba(255,255,255,.15);
  border-radius:50%;
  width:32px;height:32px;
  display:flex;align-items:center;justify-content:center;
  font-size:16px;flex-shrink:0;
}
.hero-cta-hint{
  font-size:14px;
  color:rgba(255,255,255,.55);
  margin-top:8px;
}
.hero-divider{
  width:60px;height:4px;
  background:#f0a500;
  border-radius:4px;
  margin:0 auto 28px;
}
@media(max-width:480px){
  .hero-wrap{padding:44px 16px 36px;}
  .hero-benefits{width:100%;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c419e12 */*{box-sizing:border-box;margin:0;padding:0;}
body,div,p,h1,h2,button,a{font-family:'Helvetica Neue',Arial,sans-serif;}
html,body{max-width:100%;overflow-x:hidden;}
.quiz-choice{word-break:break-word;white-space:normal;}
/* ── UTILITAIRES ── */
.section{display:none;}
.section.active{display:block;}
.quiz-step{display:none;}
.quiz-step.active{display:block;}

/* ══════════════════════════════
   QUIZ
══════════════════════════════ */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}
.loader-spinner{
  width:48px; height:48px;
  border:5px solid #e0e0e0;
  border-top-color:#2a7a2a;
  border-radius:50%;
  margin:0 auto;
  animation:spin 1s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg);}}
.footer1{display: none;}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    color: #000;
}
.quiz-badge{
  display:inline-block;background:#f0faf0;color:#2a7a2a;
  border:1px solid #2a7a2a;border-radius:20px;
  padding:6px 16px;font-size:13px;font-weight:700;
  letter-spacing:.5px;margin-bottom:20px;
}
.quiz-title{
  font-size:clamp(26px,6vw,38px);font-weight:800;
  line-height:1.2;margin-bottom:12px;color:#111;
}
.quiz-sub{
  font-size:16px;color:#555;line-height:1.6;margin-bottom:32px;
}
.quiz-progress{display:flex;gap:8px;margin-bottom:32px;}
.progress-dot{
  height:5px;flex:1;border-radius:4px;
  background:#e0e0e0;transition:background .3s;
}
.progress-dot.done{background:#2a7a2a;}
.step-label{
  font-size:12px;font-weight:700;color:#888;
  letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;
}
.step-question{
  font-size:clamp(19px,4vw,24px);font-weight:700;
  color:#111;margin-bottom:20px;line-height:1.35;
}
.quiz-choices{display:flex;flex-direction:column;gap:12px;}
.quiz-choice{
  display:flex;align-items:center;gap:14px;
  padding:16px 18px;border:2px solid #e0e0e0;border-radius:12px;
  cursor:pointer;background:#fff;transition:all .2s;
  font-size:16px;color:#222;font-weight:500;
  text-align:left;width:100%;
  word-break: break-word;
  white-space: normal
}
.quiz-choice:hover{border-color:#2a7a2a;background:#f5fbf5;}
.quiz-choice.selected{border-color:#2a7a2a;background:#f0faf0;color:#2a7a2a;}
.choice-icon{font-size:22px;flex-shrink:0;}
.quiz-btn{
  margin-top:24px;width:100%;padding:18px;
  background:#2a7a2a;color:#fff;border:none;border-radius:12px;
  font-size:18px;font-weight:700;cursor:pointer;
  transition:background .2s,transform .1s;
}
.quiz-btn:hover{background:#1f5f1f;}
.quiz-btn:active{transform:scale(.98);}
.quiz-trust{margin-top:14px;text-align:center;font-size:13px;color:#999;}

/* ══════════════════════════════
   ARTICLES
══════════════════════════════ */
.art-wrap{
  max-width:680px;margin:0 auto;
  padding:48px 20px 70px;
}
.art-badge{
  display:inline-block;border-radius:20px;
  padding:5px 14px;font-size:12px;font-weight:700;
  letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase;
}
.badge-energy{background:#fff7e6;color:#b36200;border:1px solid #f0a500;}
.badge-stress{background:#f0f0ff;color:#4a3ab3;border:1px solid #7b6fd4;}
.badge-focus {background:#e6f9ff;color:#005f7a;border:1px solid #00a0c7;}

.art-title{
  font-size:clamp(26px,5vw,40px);font-weight:800;
  line-height:1.2;margin-bottom:14px;color:#111;
}
.art-intro{
  font-size:18px;color:#444;line-height:1.7;
  margin-bottom:28px;padding-left:16px;
}
.art-intro.energy{border-left:4px solid #f0a500;}
.art-intro.stress {border-left:4px solid #7b6fd4;}
.art-intro.focus  {border-left:4px solid #00a0c7;}

.art-img{
  width:100%;border-radius:14px;margin:24px 0;
  display:block;object-fit:cover;max-height:380px;
}
.art-h2{
  font-size:clamp(20px,4vw,26px);font-weight:700;
  color:#111;margin:32px 0 12px;line-height:1.3;
}
.art-p{font-size:17px;line-height:1.8;color:#333;margin-bottom:18px;}

.art-highlight{
  border-radius:0 10px 10px 0;
  padding:16px 20px;margin:24px 0;
  font-size:17px;line-height:1.7;font-weight:500;
}
.art-highlight.energy{background:#fff7e6;border-left:4px solid #f0a500;color:#7a4f00;}
.art-highlight.stress{background:#f0f0ff;border-left:4px solid #7b6fd4;color:#2e2670;}
.art-highlight.focus {background:#e6f9ff;border-left:4px solid #00a0c7;color:#004a5e;}

/* ── CTA BLOCKS ── */
.cta-block{
  border-radius:18px;padding:36px 28px;
  margin-top:48px;text-align:center;color:#fff;
}
.cta-block.energy{background:linear-gradient(135deg,#1a1a1a 0%,#2a7a2a 100%);}
.cta-block.stress{background:linear-gradient(135deg,#1a1a1a 0%,#4a3ab3 100%);}
.cta-block.focus {background:linear-gradient(135deg,#1a1a1a 0%,#005f7a 100%);}

.cta-block-title{font-size:clamp(20px,4vw,26px);font-weight:800;margin-bottom:10px;line-height:1.3;}
.cta-block-sub{font-size:15px;color:rgba(255,255,255,.8);margin-bottom:24px;line-height:1.6;}
.cta-btn{
  display:inline-block;color:#fff;
  font-size:18px;font-weight:800;padding:18px 36px;
  border-radius:12px;border:none;cursor:pointer;
  text-decoration:none;transition:background .2s,transform .1s;
  width:100%;max-width:420px;
  word-break:break-word;
  white-space:normal;
}
.cta-btn.energy{background:#f0a500;}
.cta-btn.energy:hover{background:#d48f00;}
.cta-btn.stress{background:#7b6fd4;}
.cta-btn.stress:hover{background:#5a4fb3;}
.cta-btn.focus {background:#00a0c7;}
.cta-btn.focus:hover {background:#007a99;}
.cta-btn:active{transform:scale(.98);}
.cta-trust{margin-top:14px;font-size:13px;color:rgba(255,255,255,.6);}

/* ══════════════════════════════
   POPUPS
══════════════════════════════ */
.popup-overlay{
  display:none;position:fixed;inset:0;
  background:rgba(0,0,0,.65);z-index:9999;
  align-items:center;justify-content:center;padding:20px;
}
.popup-overlay.open{display:flex;}
.popup-box{
  background:#fff;border-radius:20px;padding:36px 28px;
  max-width:420px;width:100%;text-align:center;
  position:relative;animation:popIn .3s ease;
}
@keyframes popIn{from{transform:scale(.85);opacity:0;}to{transform:scale(1);opacity:1;}}
.popup-close{
  position:absolute;top:14px;right:18px;font-size:22px;
  cursor:pointer;color:#999;background:none;border:none;line-height:1;
}
.popup-emoji{font-size:48px;margin-bottom:12px;}
.popup-title{font-size:22px;font-weight:800;color:#111;margin-bottom:10px;line-height:1.3;}
.popup-text{font-size:15px;color:#555;margin-bottom:10px;line-height:1.6;}
.popup-urgency{
  border-radius:10px;padding:12px 16px;
  font-size:15px;font-weight:700;margin:16px 0 22px;
}
.popup-urgency.energy{background:#fff3cd;border:1px solid #f0a500;color:#7a4f00;}
.popup-urgency.stress{background:#eeecff;border:1px solid #7b6fd4;color:#2e2670;}
.popup-urgency.focus {background:#e0f7ff;border:1px solid #00a0c7;color:#003d50;}
.popup-btn{
  display:block;width:100%;padding:18px;
  color:#fff;font-size:17px;font-weight:800;
  border:none;border-radius:12px;cursor:pointer;
  text-decoration:none;transition:background .2s;
}
.popup-btn.energy{background:#2a7a2a;}
.popup-btn.energy:hover{background:#1f5f1f;}
.popup-btn.stress{background:#4a3ab3;}
.popup-btn.stress:hover{background:#372d8a;}
.popup-btn.focus {background:#005f7a;}
.popup-btn.focus:hover {background:#004459;}
.popup-sub{margin-top:12px;font-size:12px;color:#aaa;}

.loading-screen{
  display:none;
  text-align:center;
  padding:80px 20px;
  max-width:580px;
  margin:0 auto;
}
.loading-screen.active{display:block;}
.loading-title{
  font-size:22px;font-weight:700;
  color:#111;margin-top:24px;margin-bottom:10px;
}
.loading-sub{font-size:15px;color:#888;line-height:1.6;}
.loading-bar-wrap{
  width:100%;max-width:320px;
  height:8px;background:#e0e0e0;
  border-radius:8px;margin:24px auto 0;overflow:hidden;
}
.loading-bar{
  height:100%;width:0%;
  background:#2a7a2a;border-radius:8px;
  transition:width 2.5s ease;
}
/* ── TÉMOIGNAGES ── */
.testimonials-wrap{
  margin:48px 0 32px;
}
.testimonials-title{
  font-size:20px;font-weight:800;
  color:#111;margin-bottom:6px;text-align:center;
}
.testimonials-sub{
  font-size:14px;color:#888;
  text-align:center;margin-bottom:24px;
}
.testimonial-card{
  background:#f9f9f9;border-radius:14px;
  padding:22px 20px;margin-bottom:16px;
  border-left:4px solid #2a7a2a;
}
.testimonial-top{
  display:flex;align-items:center;
  gap:12px;margin-bottom:12px;
}
.testimonial-avatar{
  width:44px;height:44px;border-radius:50%;
  background:#2a7a2a;color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:18px;font-weight:700;flex-shrink:0;
}
.testimonial-name{font-size:15px;font-weight:700;color:#111;}
.testimonial-location{font-size:13px;color:#888;}
.testimonial-stars{color:#f0a500;font-size:14px;margin-top:2px;}
.testimonial-text{
  font-size:15px;line-height:1.7;color:#333;
}
.testimonial-tag{
  display:inline-block;margin-top:10px;
  background:#f0faf0;color:#2a7a2a;
  border:1px solid #2a7a2a;border-radius:20px;
  padding:3px 12px;font-size:12px;font-weight:700;
}
.verified-badge{
  font-size:12px;color:#2a7a2a;
  font-weight:600;margin-left:auto;
  white-space:nowrap;
}
/* ══════════════════════════════
   RESPONSIVE
══════════════════════════════ */
@media(max-width:480px){
  .quiz-wrap{padding:28px 16px 48px; width:100%; overflow-x:hidden;}
  .art-wrap{padding:28px 16px 48px;}
  .cta-block{padding:28px 18px;}
  .popup-box{padding:28px 18px;}
  .quiz-choice{padding:14px;font-size:15px;}
  .art-p{font-size:16px;}
}/* End custom CSS */