.consequences{ position:relative; background:url("/images/consequences.jpg") center/cover no-repeat; padding:110px 0 140px; overflow:hidden; clip-path:polygon(0 0,100% 0,100% 100%,50% 88%,0 100%); }
.consequences-overlay{ position:absolute; inset:0; background:rgba(10,10,12,.55); z-index:1; }
.consequences-container{ position:relative; z-index:2; text-align:center; }
.consequences h2{ color:#fff; font-size:2.4rem; font-weight:700; line-height:1.35; margin-bottom:20px; }
.consequences h2 .highlight{ color:#F4C61C; }
.consequences-lead{ color:#e5e5e8; font-size:16px; max-width:640px; margin:0 auto 50px; }

.consequences-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; text-align:left; }
.consequence-card{ background:rgba(20,20,24,.55); border:1px solid rgba(244,198,25,.35); border-radius:6px; padding:26px 22px; box-shadow:0 0 22px rgba(244,198,25,.08); transition:.3s; }
.consequence-card:hover{ box-shadow:0 0 28px rgba(244,198,25,.2); border-color:rgba(244,198,25,.6); }
.consequence-icon{ font-size:1.7rem; margin-bottom:14px; }
.consequence-card h3{ color:#fff; font-size:1.05rem; font-weight:700; margin-bottom:12px; line-height:1.35; }
.consequence-card p{ color:#b7b7bd; font-size:14px; line-height:1.65; }

@media(max-width:992px){
  .consequences-grid{ grid-template-columns:repeat(2,1fr); }
  .consequences h2{ font-size:2rem; }
}
@media(max-width:576px){
  .consequences-grid{ grid-template-columns:1fr; }
  .consequences{ padding:80px 0 100px; clip-path:polygon(0 0,100% 0,100% 100%,50% 93%,0 100%); }
  .consequences h2{ font-size:1.6rem; }
}