/* Shared "See the EZER for yourself" banner — last section before the footer on every page */
.bro.bro--home { background:#F4F0E6 !important; color:#1b1d1c; border-top:1px solid rgba(11,29,53,.08); padding-block:clamp(40px,5vw,72px); }
.bro--home > .container { max-width:none; width:min(1100px,100% - 40px); padding-inline:0; margin-inline:auto; }
.bro--home .bro-card { position:relative; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); max-width:none; margin:0 auto; background:#fff; border:1px solid #E1E8EE; border-radius:16px; overflow:hidden; box-shadow:0 10px 40px rgba(11,29,53,.08); }
.bro--home .bro-text { padding:clamp(28px,4vw,48px); position:relative; z-index:1; }
.bro--home .bro-text h2 { font-family:'Playfair Display',Georgia,serif; font-size:clamp(1.8rem,3.2vw,2.5rem); line-height:1.1; letter-spacing:-.02em; color:#0B1D35 !important; margin:0 0 14px; }
.bro--home .bro-text h2 .dot { color:#12aaba; }
.bro--home .bro-text p { color:#33475b; font-size:1.05rem; line-height:1.55; margin:0 0 26px; max-width:32em; }
.bro--home .bro-actions { display:flex; flex-wrap:wrap; gap:10px; }
.bro--home .bro-btn { display:inline-flex; align-items:center; gap:10px; padding:13px 20px; border-radius:999px; font-weight:600; font-size:1rem; text-decoration:none; transition:transform .2s ease, background .2s ease, color .2s ease; }
.bro--home .bro-btn::after { content:"\2192"; font-size:1.15em; line-height:1; }
.bro--home .bro-btn--primary { background:#12aaba; color:#0B1D35; border:1px solid #12aaba; }
.bro--home .bro-btn--ghost { background:#fff; color:#0B1D35; border:1px solid #0B1D35; }
.bro--home .bro-btn:hover { transform:translateY(-2px); }
.bro--home .bro-photo { position:relative; min-height:320px; background:#0B1D35 center/cover no-repeat; clip-path:polygon(9% 0,100% 0,100% 100%,0 100%); margin-left:-4%; }
@media (max-width:820px){
  .bro--home .bro-card { grid-template-columns:1fr; }
  .bro--home .bro-photo { min-height:220px; margin:0; clip-path:none; order:-1; }
  /* centred on phones and tablets */
  .bro--home .bro-text { text-align:center; padding:22px 20px 26px; }
  .bro--home .bro-text p { margin:0 auto 20px; font-size:1rem; }
  .bro--home .bro-text h2 { margin-bottom:10px; }
  .bro--home .bro-actions { justify-content:center; }
}