/* ============================================================
   EHTYMODEL — Lead Magnet — CSS autonome
   ============================================================ */

.ehtylm-shell{
  --rose:#CDAFAF; --rose-dark:#b89090; --near-black:#0d0d0d;
  margin:0; padding:0; background:#000; color:#fff;
  font-family:'DM Sans',sans-serif; -webkit-font-smoothing:antialiased;
}
.ehtylm-shell *,.ehtylm-shell *::before,.ehtylm-shell *::after{box-sizing:border-box;}
.ehtylm-shell a{text-decoration:none; color:inherit;}
.ehtylm-shell :focus-visible{outline:2px solid var(--rose); outline-offset:3px;}
.ehtylm-shell h1, .ehtylm-shell h2{margin:0;}

.ehtylm-wrap{max-width:1160px; margin:0 auto; padding:0 clamp(20px,4vw,48px);}
.ehtylm-wrap-narrow{max-width:640px;}

.ehtylm-logo{display:inline-block; font-family:'Playfair Display',serif; font-size:14px; letter-spacing:.25em; text-transform:uppercase; color:var(--rose);}
.ehtylm-eyebrow{font-size:10px; letter-spacing:.35em; text-transform:uppercase; color:var(--rose); display:block; margin-bottom:16px;}

.ehtylm-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:16px 28px; border-radius:2px;
  font-family:'DM Sans',sans-serif; font-weight:500; font-size:12px; letter-spacing:.1em; text-transform:uppercase;
  cursor:pointer; border:none; transition:background .2s, transform .2s; width:100%;
}
.ehtylm-btn:hover{transform:translateY(-2px);}
.ehtylm-btn-primary{background:var(--rose); color:#000; box-shadow:0 10px 40px rgba(205,175,175,.3);}
.ehtylm-btn-primary:hover{background:var(--rose-dark);}
.ehtylm-btn-inline{width:auto; display:inline-flex;}

/* ============================================================
   ÉCRAN "GUIDE DÉBLOQUÉ" — carte centrée simple
   ============================================================ */
.ehtylm-screen{min-height:100vh; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; padding:24px;}
.ehtylm-screen::before{content:''; position:absolute; inset:0; background:radial-gradient(ellipse 60% 60% at 50% 20%, rgba(205,175,175,.1) 0%, transparent 70%); pointer-events:none;}
.ehtylm-card{position:relative; z-index:1; width:100%; max-width:420px; text-align:center;}
.ehtylm-card .ehtylm-logo{margin-bottom:30px;}
.ehtylm-card h1{font-family:'Playfair Display',serif; font-weight:900; font-size:clamp(26px,4vw,34px); line-height:1.15; margin:0 0 14px;}
.ehtylm-lead{font-size:15px; font-weight:300; color:rgba(255,255,255,.55); line-height:1.75; margin:0 0 28px;}
.ehtylm-message{font-size:12px; padding:12px 16px; border-radius:2px; margin-bottom:16px;}
.ehtylm-message-error{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.2); color:#fff;}
.ehtylm-pending{font-size:13px; color:rgba(255,255,255,.55); background:var(--near-black); border:1px solid rgba(205,175,175,.2); border-radius:2px; padding:16px; line-height:1.6;}
.ehtylm-next{font-size:12px; color:rgba(255,255,255,.4); margin-top:24px;}
.ehtylm-next a{color:var(--rose); text-decoration:underline; text-underline-offset:3px;}

/* ============================================================
   TOPBAR
   ============================================================ */
.ehtylm-topbar{padding:24px 0; border-bottom:1px solid rgba(205,175,175,.08);}

/* ============================================================
   HERO
   ============================================================ */
.ehtylm-hero{padding:88px 0 76px; position:relative; overflow:hidden;}
.ehtylm-hero::before{content:''; position:absolute; inset:0; background:radial-gradient(ellipse 55% 65% at 15% 30%, rgba(205,175,175,.1) 0%, transparent 70%); pointer-events:none;}
.ehtylm-hero-grid{position:relative; z-index:1; display:grid; grid-template-columns:1.05fr .95fr; gap:64px; align-items:center;}
@media (max-width:900px){ .ehtylm-hero-grid{grid-template-columns:1fr; gap:56px;} }

.ehtylm-hero-text h1{font-family:'Playfair Display',serif; font-weight:900; font-size:clamp(30px,4.2vw,44px); line-height:1.1; margin-bottom:20px;}
.ehtylm-hero-text .ehtylm-lead{max-width:460px;}

.ehtylm-form{max-width:460px;}
.ehtylm-form-row{display:flex; flex-direction:column; gap:10px; margin-bottom:12px;}
.ehtylm-form input{
  width:100%; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.18); border-radius:2px;
  padding:15px 16px; color:#fff; font-family:'DM Sans',sans-serif; font-size:14px;
}
.ehtylm-form input:focus{border-color:var(--rose); background:rgba(255,255,255,.05);}
.ehtylm-form input::placeholder{color:rgba(255,255,255,.35);}
.ehtylm-rgpd{font-size:11px; color:rgba(255,255,255,.35); margin-top:16px; line-height:1.8;}

/* mockup couverture */
.ehtylm-cover-wrap{display:flex; justify-content:center; position:relative;}
.ehtylm-cover-shadow{
  position:absolute; width:78%; max-width:260px; aspect-ratio:3/4; top:24px; left:50%;
  transform:translateX(-50%) rotate(3deg); background:rgba(0,0,0,.5); filter:blur(24px); z-index:0;
}
.ehtylm-cover-mock{
  position:relative; z-index:1; width:100%; max-width:290px; aspect-ratio:3/4; transform:rotate(-3deg);
  background:linear-gradient(155deg, #17140f 0%, #000 60%);
  border:1px solid rgba(205,175,175,.35); border-radius:3px;
  box-shadow:0 40px 70px rgba(0,0,0,.55), inset 0 0 60px rgba(205,175,175,.05);
  display:flex; flex-direction:column; align-items:center; text-align:center;
  padding:28px 26px; overflow:hidden;
}
.ehtylm-cover-badge{
  align-self:flex-end; font-size:9px; letter-spacing:.15em; text-transform:uppercase; color:#000;
  background:var(--rose); padding:5px 10px; border-radius:1px; margin-bottom:auto;
}
.ehtylm-cover-number{font-family:'Playfair Display',serif; font-weight:900; font-size:76px; line-height:1; color:var(--rose); margin:auto 0 4px;}
.ehtylm-cover-kicker{font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:rgba(255,255,255,.5); margin-bottom:18px;}
.ehtylm-cover-title{font-family:'Playfair Display',serif; font-weight:700; font-size:17px; line-height:1.4; color:#fff; padding:0 4px;}
.ehtylm-cover-rule{width:32px; height:1px; background:rgba(205,175,175,.4); margin:20px auto 12px;}
.ehtylm-cover-author{font-size:9px; letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.35); margin-top:auto;}

/* ============================================================
   STATS
   ============================================================ */
.ehtylm-stats{border-top:1px solid rgba(205,175,175,.08); border-bottom:1px solid rgba(205,175,175,.08); background:var(--near-black);}
.ehtylm-stats-grid{display:grid; grid-template-columns:repeat(3,1fr);}
.ehtylm-stat{padding:32px clamp(20px,4vw,48px); text-align:center; border-left:1px solid rgba(205,175,175,.08);}
.ehtylm-stat:first-child{border-left:none;}
.ehtylm-stat-n{font-family:'Playfair Display',serif; font-weight:700; font-size:26px; color:#fff;}
.ehtylm-stat-l{font-size:11px; letter-spacing:.05em; color:rgba(255,255,255,.45); margin-top:6px;}
@media (max-width:700px){ .ehtylm-stats-grid{grid-template-columns:1fr;} .ehtylm-stat{border-left:none; border-top:1px solid rgba(205,175,175,.08);} .ehtylm-stat:first-child{border-top:none;} }

/* ============================================================
   SECTIONS DE CONTENU
   ============================================================ */
.ehtylm-section{padding:76px 0;}
.ehtylm-section-alt{background:var(--near-black); border-top:1px solid rgba(205,175,175,.08); border-bottom:1px solid rgba(205,175,175,.08);}
.ehtylm-section h2{font-family:'Playfair Display',serif; font-weight:700; font-size:clamp(22px,3vw,30px); margin:0 0 28px;}
.ehtylm-body-text{font-size:14px; font-weight:300; color:rgba(255,255,255,.6); line-height:1.9;}

.ehtylm-points{list-style:none; margin:0; padding:0;}
.ehtylm-points li{display:flex; align-items:flex-start; gap:20px; padding:20px 0; border-top:1px solid rgba(205,175,175,.08);}
.ehtylm-points li:first-child{border-top:none;}
.ehtylm-point-num{font-family:'Playfair Display',serif; font-weight:700; font-size:15px; color:var(--rose); flex-shrink:0; padding-top:1px;}
.ehtylm-point-text{font-size:15px; color:rgba(255,255,255,.8); line-height:1.6;}

.ehtylm-quote-card{border-left:2px solid var(--rose); padding-left:28px;}
.ehtylm-quote-card .ehtylm-body-text{font-size:15px;}

.ehtylm-signature{display:flex; gap:24px; align-items:flex-start;}
.ehtylm-signature-avatar{
  flex-shrink:0; width:64px; height:64px; border-radius:50%; background:var(--near-black);
  border:1px solid rgba(205,175,175,.3); display:flex; align-items:center; justify-content:center;
  font-family:'Playfair Display',serif; font-weight:700; font-size:24px; color:var(--rose);
}
.ehtylm-signature-name{font-family:'Playfair Display',serif; font-weight:700; font-size:18px; color:#fff;}
.ehtylm-signature-role{font-size:11px; letter-spacing:.05em; color:rgba(255,255,255,.4); margin:4px 0 14px;}
@media (max-width:560px){ .ehtylm-signature{flex-direction:column;} }

/* ============================================================
   CTA FINAL
   ============================================================ */
.ehtylm-section-cta{padding:90px 0;}
.ehtylm-cta-box{
  text-align:center; padding:56px 40px; border:1px solid rgba(205,175,175,.25); border-radius:3px;
  position:relative; overflow:hidden;
}
.ehtylm-cta-box::before{content:''; position:absolute; inset:0; background:radial-gradient(ellipse 60% 80% at 50% 0%, rgba(205,175,175,.1) 0%, transparent 70%); pointer-events:none;}
.ehtylm-cta-box > *{position:relative; z-index:1;}
.ehtylm-cta-box .ehtylm-eyebrow{display:inline-block;}
.ehtylm-cta-box h2{margin-bottom:14px;}
.ehtylm-cta-box .ehtylm-body-text{max-width:420px; margin:0 auto 28px;}