/* SERJ — styles de base partagés pour les pages de contenu (hero/section/tag/h2/sub/btn). */
html[data-serj-theme="vision"] body{background:#FFFFFF;}
.hp-hero{padding:118px 6vw 44px;background:linear-gradient(180deg,#FFFFFF 0%,#F5F8F6 100%);border-bottom:1px solid var(--border,#e4ece7);}
.hp-hero .eyebrow{font-family:var(--mono,monospace);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#006C35;font-weight:700;}
.hp-hero h1{font-size:clamp(28px,4vw,44px);line-height:1.06;color:#0C1712;margin:14px 0 14px;max-width:24ch;letter-spacing:-.03em;}
.hp-hero h1 .g{color:#006C35;}
.hp-hero p{font-size:16px;color:#33413A;max-width:66ch;margin:0;line-height:1.6;}
.hp-sec{padding:56px 6vw;border-bottom:1px solid var(--border,#e4ece7);}
.hp-sec.alt{background:#F5F8F6;}
.hp-sec.top{padding-top:112px;}
.hp-tag{font-family:var(--mono,monospace);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#006C35;font-weight:700;display:inline-flex;gap:9px;align-items:center;}
.hp-tag i{width:20px;height:1px;background:#006C35;display:inline-block;}
.hp-h2{font-size:clamp(23px,3vw,34px);line-height:1.1;color:#0C1712;margin:12px 0 8px;letter-spacing:-.025em;}
.hp-sub{color:#5E6E65;max-width:72ch;margin:0;font-size:15px;line-height:1.6;}
.hp-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;}
.hp-btn{padding:12px 20px;border-radius:9px;font-weight:700;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;}
.hp-btn.p{background:linear-gradient(135deg,#006C35,#20A55C);color:#fff;}
.hp-btn.o{background:#fff;color:#006C35;border:1px solid rgba(0,108,53,.4);}