/* THERMOLYN bridge — reproduction du LAYOUT du V1 (advertorial minceur type Mitolyn) :
   HERO plein cadre (photo + pilule GUIDE + étiquette + titre BLANC superposé) /
   corps SÉRIF, 1er paragraphe gras / figure before-after + flèche rouge + légende italique /
   2 blockquotes témoignages (filet bleu) / lien texte bleu / bloc "ce que vous allez
   découvrir" à 3 cartes / accordéon Études / footer navy. Copy = NOS mots (FR). */
:root{
  --ink:#1e242c; --soft:#333b45; --line:#dfe3ea; --blue:#2b6cb0; --navy:#232a45;
  --navy-tx:#aab0c6; --red:#e03030;
}
*{box-sizing:border-box;}
body{margin:0;background:#fff;color:var(--ink);
  font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.66;}
img{max-width:100%;display:block;}

/* HERO plein cadre */
.hero{position:relative;min-height:300px;display:flex;align-items:flex-end;overflow:hidden;background:#3a2f31;}
.hero .heroimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.hero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.55));}
.hero .in{position:relative;width:min(100% - 44px,760px);margin-inline:auto;padding:26px 0 30px;}
.hero .guide{display:inline-block;background:#e9ecf0;color:#3c4450;font-family:'Segoe UI',Arial,sans-serif;
  font-size:12px;font-weight:800;letter-spacing:.08em;padding:5px 16px;border-radius:999px;}
.hero .kick{color:#e9ecf0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  font-family:'Segoe UI',Arial,sans-serif;margin:10px 0 6px;opacity:.85;}
.hero h1{color:#fff;font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:800;
  font-size:clamp(28px,5vw,44px);line-height:1.1;margin:0;text-shadow:0 2px 14px rgba(0,0,0,.4);}

.wrap{width:min(100% - 44px,700px);margin-inline:auto;padding-top:30px;}
.body p{margin:0 0 20px;color:var(--soft);}
.body p.lead{font-weight:700;color:var(--ink);}
.body p.strong-end{font-weight:700;color:var(--ink);}

/* figure before/after + flèche rouge + légende */
.figure{margin:26px 0;position:relative;}
.figure img{width:100%;border-radius:4px;}
.figure .arrow{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);
  width:120px;height:auto;pointer-events:none;}
.figcap{font-style:italic;font-weight:700;text-align:center;font-size:15px;color:#3a424e;margin-top:10px;}

/* témoignages */
blockquote{border-left:4px solid var(--blue);background:#f5f8fc;margin:22px 0;
  padding:16px 22px;font-style:italic;color:#28303c;border-radius:0 6px 6px 0;}

.textcta{margin:24px 0;}
.textcta a{color:var(--blue);text-decoration:underline;font-weight:700;}

/* bloc vidéo (2 panneaux + play rouge rond + barre "Regarder la vidéo") */
.videoblock{position:relative;margin:26px 0;border-radius:4px;overflow:hidden;display:block;text-decoration:none;background:#0c0e14;}
.videoblock .play{position:absolute;top:calc(50% - 22px);left:50%;transform:translate(-50%,-50%);
  width:96px;height:68px;background:#e0201a;border-radius:16px;display:grid;place-items:center;box-shadow:0 6px 22px rgba(0,0,0,.5);}
.videoblock .play::after{content:"";border-style:solid;border-width:17px 0 17px 29px;border-color:transparent transparent transparent #fff;margin-left:5px;}
.videoblock .watchbar{background:#0a0c10;color:#fff;text-align:center;font-family:'Segoe UI',Arial,sans-serif;
  font-weight:800;font-size:22px;letter-spacing:.02em;padding:14px;}

/* bloc "ce que vous allez découvrir" — cartes 2 colonnes (image + texte) */
.learn{margin:40px 0 10px;}
.learn h2{font-family:'Segoe UI',Arial,sans-serif;text-align:center;font-size:22px;margin:0 0 20px;color:var(--ink);}
.lcard{display:flex;align-items:stretch;border:1px solid #cfd5de;border-radius:4px;margin:14px 0;overflow:hidden;}
.lcard .lthumb{flex:0 0 40%;max-width:230px;object-fit:cover;align-self:stretch;}
.lcard .ltext{padding:18px 22px;display:flex;flex-direction:column;justify-content:center;}
.lcard .lq{margin:0 0 8px;color:#2a323c;}
.lcard a{color:var(--blue);text-decoration:underline;font-weight:700;font-family:'Segoe UI',Arial,sans-serif;font-size:16px;align-self:flex-start;}

/* études */
.studies{max-width:700px;margin:26px auto 0;text-align:center;}
.studies summary{cursor:pointer;font-family:'Segoe UI',Arial,sans-serif;font-weight:700;color:#3a424e;list-style:none;}
.studies summary::-webkit-details-marker{display:none;}
.studies p{font-size:14px;color:#5a6472;text-align:left;margin-top:12px;}

/* footer navy */
.foot{background:var(--navy);color:var(--navy-tx);text-align:center;padding:40px 0 36px;margin-top:36px;
  font-family:'Segoe UI',Arial,sans-serif;}
.foot .fmag{font-size:22px;font-weight:800;color:#fff;margin-bottom:12px;}
.foot .fmag i{font-style:normal;color:#7fb0e6;}
.foot .flinks{font-size:13px;margin-bottom:22px;}
.foot .flinks a{color:#dfe3ef;text-decoration:underline;margin:0 5px;}
.foot .disc{font-size:12px;line-height:1.6;color:#9aa0b6;width:min(100% - 44px,720px);margin-inline:auto;}
.foot .disc b{color:#c7cbdb;}