/* SILORA bridge — long advertorial (dark hero + kicker + titre / corps serif + puces /
   figure scans + legende / temoignage / lien texte / bloc video play cercle blanc +
   barre ORANGE "Regarder la video" / 3 cartes images / footer navy). Copy = NOS mots. */
:root{--ink:#1e242c;--soft:#33404e;--blue:#2b6cb0;--navy:#232a45;--navy-tx:#aab0c6;--orange:#f0a41e;}
*{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.7;}
img{max-width:100%;display:block;}
.hero{position:relative;min-height:360px;display:flex;align-items:center;overflow:hidden;background:#161515;}
.hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9;}
.hero .in{position:relative;width:min(100% - 44px,860px);margin-inline:auto;padding:36px 0;}
.hero .adv{position:absolute;top:12px;left:0;right:0;text-align:center;color:#b7b1ab;font-family:'Segoe UI',Arial,sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.7;}
.hero .over{color:#e9e5e0;font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(19px,2.6vw,24px);margin:0 0 8px;}
.hero h1{color:#fff;font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:800;font-size:clamp(26px,4.8vw,42px);line-height:1.12;margin:0;max-width:620px;text-shadow:0 2px 16px rgba(0,0,0,.55);}
.wrap{width:min(100% - 44px,720px);margin-inline:auto;padding-top:30px;}
.body p{margin:0 0 18px;color:var(--soft);}
.body p.b{color:var(--ink);font-weight:700;}
.body ul{margin:0 0 18px;padding-left:24px;color:var(--soft);} .body li{margin:7px 0;}
.figure{margin:24px 0;} .figure img{width:100%;border-radius:4px;} .figcap{font-style:italic;font-size:14px;color:#5a6472;text-align:center;margin-top:8px;}
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;font-family:'Segoe UI',Arial,sans-serif;}
.videoblock{position:relative;display:block;text-decoration:none;margin:22px 0;background:#0c0e14;}
.videoblock .play{position:absolute;top:calc(50% - 26px);left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;border:4px solid #fff;display:grid;place-items:center;background:rgba(255,255,255,.12);}
.videoblock .play::after{content:"";border-style:solid;border-width:16px 0 16px 27px;border-color:transparent transparent transparent #fff;margin-left:6px;}
.videoblock .watchbar{background:var(--orange);color:#3a2600;text-align:center;font-family:'Segoe UI',Arial,sans-serif;font-weight:800;font-size:24px;letter-spacing:.02em;padding:16px;}
.learn{margin:34px 0 10px;} .learn h2{font-family:'Segoe UI',Arial,sans-serif;text-align:center;font-size:22px;margin:0 0 18px;}
.lcard{display:flex;border:1px solid #cfd5de;border-radius:4px;margin:14px 0;overflow:hidden;}
.lcard .lthumb{flex:0 0 38%;max-width:220px;object-fit:cover;align-self:stretch;}
.lcard .ltext{padding:16px 20px;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:15px;align-self:flex-start;}
.foot{background:var(--navy);color:var(--navy-tx);text-align:center;padding:40px 0 36px;font-family:'Segoe UI',Arial,sans-serif;}
.foot .fmag{font-size:22px;font-weight:800;color:#fff;margin-bottom:12px;}
.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;}

/* visiclair : barre video cyan + titres de section + encadre temoignages */
.videoblock .watchbar{background:#20b4d8;color:#03323d;}
.body h2{font-family:'Segoe UI',Arial,sans-serif;font-size:22px;color:var(--ink);border-left:5px solid var(--blue);padding-left:12px;margin:30px 0 14px;}
.testis{background:#2a2f39;border-radius:8px;padding:20px;margin:22px 0;}
.testis .tr{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #3a4048;}
.testis .tr:last-child{border-bottom:0;}
.testis .av{flex:0 0 54px;width:54px;height:54px;border-radius:50%;overflow:hidden;background:#4a515c;}
.testis .q{color:#e7ebf2;font-style:italic;font-size:15px;margin:0;}
.testis .who{color:#aab2c0;font-size:13px;font-weight:700;font-style:normal;margin-top:6px;font-family:'Segoe UI',Arial,sans-serif;}