/* V807 — PAGE SUIVRE DISTINCTE DE L’UNIVERS HBD
   Une intention unique : expliquer l’infolettre et conduire vers un seul formulaire. */
:root{--hbd-orange:#ff6500;--hbd-black:#090909;--hbd-cream:#f5efe5;--hbd-paper:#fffaf2;--hbd-ink:#17130f;--hbd-muted:#574c42;--hbd-line:#d7c6b2}
html{scroll-behavior:smooth}
body.hbd-join-page-v807{margin:0;background:var(--hbd-cream);color:var(--hbd-ink);font-family:Barlow,Arial,sans-serif;line-height:1.6}
.hbd-join-page-v807 *{box-sizing:border-box}
.hbd-join-page-v807 .join-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}
.hbd-join-page-v807 .join-hero{padding:64px 0 68px;background:radial-gradient(circle at 72% 10%,#3a1b0b 0,transparent 35%),linear-gradient(135deg,#080808,#17100c);color:#fff;border-bottom:4px solid var(--hbd-orange)}
.hbd-join-page-v807 .join-hero-content{max-width:960px}
.hbd-join-page-v807 .join-eyebrow{margin:0 0 12px;color:var(--hbd-orange);font-size:.84rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase}
.hbd-join-page-v807 .join-hero h1{max-width:960px;margin:0 0 22px;color:#fff;font-family:'Bebas Neue','Arial Narrow',sans-serif;font-size:clamp(3.5rem,6.5vw,6.2rem);font-weight:400;line-height:.92;letter-spacing:.01em;text-transform:uppercase}
.hbd-join-page-v807 .join-title-line{display:block;color:#fff}
.hbd-join-page-v807 .join-lead{max-width:760px;margin:0 0 28px;color:#eee3d6;font-size:clamp(1.04rem,1.5vw,1.18rem);line-height:1.7}
.hbd-join-page-v807 .join-cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 25px;border:2px solid var(--hbd-orange);background:var(--hbd-orange);color:var(--hbd-black)!important;text-decoration:none;text-transform:uppercase;font-size:.95rem;font-weight:900;letter-spacing:.055em}
.hbd-join-page-v807 .join-cta:hover,.hbd-join-page-v807 .join-cta:focus-visible{background:#fff;color:var(--hbd-black)!important;outline:3px solid rgba(255,101,0,.35);outline-offset:3px}
.hbd-join-page-v807 .join-benefits{padding:58px 0 64px;background:var(--hbd-cream);color:var(--hbd-ink)}
.hbd-join-page-v807 .join-benefits-header{max-width:900px;margin:0 0 34px}
.hbd-join-page-v807 .join-benefits-header h2{max-width:820px;margin:0 0 18px;color:var(--hbd-ink);font-family:'Bebas Neue','Arial Narrow',sans-serif;font-size:clamp(2.8rem,5vw,4.7rem);font-weight:400;line-height:.96;text-transform:uppercase}
.hbd-join-page-v807 .join-benefits-copy{max-width:820px;margin:0;color:var(--hbd-muted);font-size:1.08rem;line-height:1.72}
.hbd-join-page-v807 .join-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hbd-join-page-v807 .join-card{min-height:210px;padding:30px;border:1px solid var(--hbd-line);border-top:5px solid var(--hbd-orange);background:var(--hbd-paper);box-shadow:0 10px 24px rgba(32,20,10,.07)}
.hbd-join-page-v807 .join-card-number{display:block;margin:0 0 20px;color:var(--hbd-orange);font-size:.82rem;font-weight:900;letter-spacing:.18em}
.hbd-join-page-v807 .join-card h3{margin:0 0 14px;color:var(--hbd-ink);font-family:'Bebas Neue','Arial Narrow',sans-serif;font-size:2.15rem;font-weight:400;line-height:1;text-transform:uppercase}
.hbd-join-page-v807 .join-card p{margin:0;color:var(--hbd-muted);font-size:1rem;line-height:1.68}
.hbd-join-page-v807 .join-card-featured{border-color:var(--hbd-orange);background:var(--hbd-orange);box-shadow:0 12px 28px rgba(146,54,0,.18)}
.hbd-join-page-v807 .join-card-featured .join-card-number,.hbd-join-page-v807 .join-card-featured h3,.hbd-join-page-v807 .join-card-featured p{color:var(--hbd-black)}
.hbd-join-page-v807 .join-signup{scroll-margin-top:24px;padding:58px 0;background:var(--hbd-black);color:#fff;border-top:1px solid #30261f}
.hbd-join-page-v807 .join-signup-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(460px,660px);gap:52px;align-items:start}
.hbd-join-page-v807 .join-signup h2{margin:0 0 16px;color:#fff;font-family:'Bebas Neue','Arial Narrow',sans-serif;font-size:clamp(3rem,5vw,4.8rem);font-weight:400;line-height:.95;text-transform:uppercase}
.hbd-join-page-v807 .join-signup-copy>p{margin:0 0 16px;color:#ded4c8;font-size:1rem;line-height:1.7}
.hbd-join-page-v807 .join-note{padding:16px 18px;border-left:4px solid var(--hbd-orange);background:#1d1814;color:#d8cbbd!important;font-size:.92rem!important}
.hbd-join-page-v807 .join-form{width:100%;max-width:660px;overflow:hidden;border:2px solid #6b4027;background:#0b0b0b}
.hbd-join-page-v807 .join-form iframe{display:block;width:100%;height:480px;min-height:0;border:0;background:#0b0b0b}
@media(max-width:900px){.hbd-join-page-v807 .join-grid{grid-template-columns:1fr}.hbd-join-page-v807 .join-card{min-height:0}.hbd-join-page-v807 .join-signup-grid{grid-template-columns:1fr;gap:30px}.hbd-join-page-v807 .join-form{max-width:none}}
@media(max-width:620px){.hbd-join-page-v807 .join-shell{width:min(100% - 28px,1180px)}.hbd-join-page-v807 .join-hero{padding:44px 0 48px}.hbd-join-page-v807 .join-benefits,.hbd-join-page-v807 .join-signup{padding:42px 0}.hbd-join-page-v807 .join-card{padding:24px}.hbd-join-page-v807 .join-form iframe{height:560px}}